
链接包括许多种,这里介绍最常用的两种:
1)内部链接:链接到本地页面(相对地址:描述了从一个页面到另一个页面的路径,而不是Internet的完整地址。1、2、6明显的是内部链接)
2)外部链接:链接到外部的页面,比如百度、新浪之类的。(绝对地址:描述的不是两个文件相对的路径关系,它描述的是在互联网的独立地址,包括域名和目录地址。3、4明显的是外部链接)
1、相对路径链接(上级找下级)
<a href=“news/news.htm”>最近新闻</a>
2、相对路径链接(下级找上级)
<a href=“../../news.htm”>新闻中心</a>
3、绝对路径链接
<a href=“http://www.hao.com/news/news.htm”>热门新闻</a>
4、链接到其他站点的链接
<a href=“http://www.baidu.com”>百度首页</a>
5、链接到email
<a href=“mailto:fdshjfsdjk@163.com”>投诉邮箱</a>
6、下载链接
<a href=“aa.zip”>文件下载</a>
7、超链接的锚标记应用(尤其是大家看到百度百科里面的内容)
<a href=“#mingxing”>明星学员</a>
<a name=“mingxing”>我们要努力当明星学员</a>
HTML 超链接(链接)超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用 标签在 HTML 中创建链接。
有两种使用 标签的方式:
通过使用 href 属性 - 创建指向另一个文档的链接
通过使用 name 属性 - 创建文档内的书签
HTML 链接语法
链接的 HTML 代码很简单。它类似这样:
Link texthref 属性规定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。
实例:
Visit domain上面这行代码显示为:Visit
domain
点击这个超链接会把用户带到 domain的首页。
3、HTML 链接 - target 属性
使用 Target 属性,你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档:
Visit domain!
4、HTML 链接 - name 属性
name 属性规定锚(anchor)的名称。
name 属性用于创建 HTML 内部的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。
命名锚的语法:
Text to be displayed
HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。
工具/原料
html,dw
步骤/方法
HTML 超链接(链接)
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
我们通过使用 <a>标签在 HTML 中创建链接。
有两种使用 <a>标签的方式:
通过使用 href 属性 - 创建指向另一个文档的链接
通过使用 name 属性 - 创建文档内的书签
HTML 链接语法
链接的 HTML 代码很简单。它类似这样:
<a href="url">Link text</a>href 属性规定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。
实例
<a href="http://www.w3school.com.cn/">Visit W3School</a>上面这行代码显示为:Visit W3School
点击这个超链接会把用户带到 W3School 的首页。
HTML 链接 - target 属性
使用 Target 属性,你可以定义被链接的文档在何处显示。
下面的这行会在新窗口打开文档:
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
HTML 链接 - name 属性
name 属性规定锚(anchor)的名称。
name 属性用于创建 HTML 内部的书签。
书签不会以任何特殊方式显示,它对读者是不可见的。
当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。
命名锚的语法:
<a name="label">Text to be displayed</a>
END
注意事项
"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。
锚的名称可以是任何你喜欢的名字。
命名锚经常用于在大型文档开始位置上创建目录。可以为每个章节赋予一个命名锚,然后把链接到这些锚的链接放到文档的上部。如果您经常访问百度百科,您会发现其中几乎每个词条都采用这样的导航方式。
假如浏览器找不到已定义的命名锚,那么就会定位到文档的顶端。不会有错误发生。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)