制作网页链接
什么是网页链接
网页链接是指一个网页文本内容上的可点击区域,点击这个区域可以跳转到另一个网页、同一网页的某一指定位置、或者直接启动电子邮件、电话等其他操作。网页链接可以链接到外部网页,也可以链接到网站内的其它页面。
链接的基本语法
在HTML文本中,链接的语法是标签,其中href属性指定了链接目标的URL(Uniform Resource Locator),具体格式如下:
<a href="url">链接名称</a>
其中url指定了链接目标的地址,链接名称则是链接的文本内容,也叫锚文本。另外,如果需要让链接在新窗口中打开,可以在a标签中增加target="_blank"属性。
链接的类型
在实际应用中,常见的链接类型有三种:
- 外部链接:链接到另一个网站或者网页
- 内部链接:链接到同一网站内的其它页面
- 锚链接:链接到同一页面的不同位置
外部链接的制作
在制作外部链接时,需要将a标签中的href属性的URL指向外部网站或者网页的地址。例如:
<a href="https://www.baidu.com">百度</a>
这样点击“百度”链接时就会跳转到百度的网站。
内部链接和锚链接的制作
内部链接和锚链接都是链接到同一网站内的其它页面或同一页面的不同位置。在HTML文本内,可以使用相对路径的方式来制作内部链接和锚链接。
制作内部链接,只需要将a标签中的href属性的URL指向目标页面的文件路径即可。
制作锚链接时,需要在a标签中的href属性指向目标位置的锚点,同时也需要在目标位置处增加一个锚点名称。
<a href="example.html">跳转到目标页面</a> ... <h3 id="target">目标位置</h3> ... <a href="#target">跳转到目标位置</a>
以上代码中,第一个链接为内部链接,将跳转到example.html页面;第二个链接为锚链接,将跳转到目标位置的h3标签所在的位置。