HTML5笔记(五):使用链接

HTML链接与URL解析
本文讲解HTML中的链接标签(<a>)使用方法,包括相对与绝对路径的运用,如何链接至Web上的文档及特定位置,以及URL的构成。深入理解链接创建与网页导航。

在本章节学习内容如下:

  • HTML链接标签(<a>)及其组成部分

  • 如何使用相对和绝对路径链接到其他网页

  • 如何使用URL链接到Web上的其他网页

  • 如何使用链接和锚链接到网页的特定位置

  • URL的组成部分以及您可使用的各种URL

 

1、创建链接

  要使用HTML创建链接,需要两样东西:

  1)要连接到的文件名(或URL);

  2)用作单点击的链接文本。

  在链接标签中,只有文本是在网页上可见的;用户点击链接时,浏览器将加载相关联的URL。

  链接标签:<a.../>,同时也被称为锚标签,因为它也可用于创建锚。

  标签<a>跟前面的标签有所不同,它必须包含一些属性,这样才能发挥作用。除了前面所介绍的一些可选属性,还有几乎适用于任何标签的属性,如style等。标签<a>使用属性来定义链接,因此在起始标签<a>的尖括号内,并非只有标签名,而是类似于下面这样:

<a href="a.html" title="the link">

  额外的属性(href和title)描述了链接。在标签<a>中,最常用的属性是href,它表示超文本引用,可以使用它来指定链接指向的文件名或URL。同样<a>标签也有结束标签</a>。位于起始标签和结束标签的所有文本将成为显示在屏幕上的链接(如果没有使用样式表指定格式,默认呈高亮显示并带下划线)。用户点击时,将链接到href属性指定的URL。

<!--简单的链接-->
Go back to <a href="menu.html">Main Menu</a>

  

2、使用相对和绝对路径名链接到本地页面

  链接位于本地磁盘的不同文件夹或目录中的页面

  相对路径名指向的文件取决于当前文件的位置。

  相对路径名可包含目录名,即可以指出从当前目录导航到指定文件时要经过的路径。

  要在链接中指定相对路径名,必须使用UNIX式路径,因此,必须使用斜杆(/)来分割目录名,并使用两点(..)来表示当前目录的父目录。

  要指定到本地系统中另一个页面的链接,还可以使用绝对路径名。

  绝对路径名根据文件系统中的绝对位置来指定文件。而相对路径名是通过指定相对于当前页面的位置来指定要链接的页面。

  绝对路径名指定要链接的页面即从顶级目录出发,要经过哪些目录才能到达这个文件。

  绝对路径名总是以斜杆打头,以便与相对路径名区分开来。斜杠后面是从顶级目录出发前往链接到的文件需要经过的所有目录。

3、连接到Web上的其他文档

4、链接到文档的特定位置

  只需在链接的URL中指定要链接到的元素的ID。这样,用户点击时,浏览器将嘉在指定的页面并滚动到指定的元素。

<h2 id="contents">Table of Contents</a>

  创建链接和锚

注意:锚名和链接都是区分大小写的

5、剖析URL

  URL是统一资源定位符,相当于网络信息的街道地址。

 

  协议指的是访问页面的方式,即浏览器用来获取文件的通信手段。

  主机名是信息所在计算机的地址。

路径是文件或其他形式的信息在主机中的位置。路径并非一定指向服务器中的物理目录和文件,有些Web应用程序动态地生成内容,因此只是将目录信息用作标识符。

​​​​​​​

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值