HTML学习记录二:html标签(五):超链接标签
一、超链接标签写法
在 HTML 标签中, 标签用于定义超链接,作用是从一个页面链接到另一个页面。
<a href = "跳转的路径url" title ="鼠标移到链接上的时候显示的文字" taget = "打开窗口的方式">超链接</a>
二、超链接标签的属性
属性 | 值 |
---|---|
href | 链接去往的路径,必写属性,没有就是空链,用#填写,最好不要为空 |
target | 新窗口打开的方式, “_self”:默认值,在自身页面打开(关闭自身页面,打开链接窗口) |
target | 新窗口打开的方式, “_blank”:打开新页面(自身页面不关闭,打开一个新的链接页面) |
在<head>标签里面写<base target="_blank">这样就可以使所有的超链接在新窗口打开。
三、超链接的锚点用法
在当前页面通过标签的ID属性,用超链接来查找,页面会跳转到当前页面的那个锚点
<p id = "maod"></p><!-- 定义一个锚点-->
<a href = "#maod"></a><!-- 回到指定锚点->
<a href = "#"></a><!-- 回到顶部 -->
四、链接分类
- 外部链接: 例如 < a href="http:// www.baidu.com "> 百度。
- 内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如 < a href=“index.html”> 首页 。
- 空链接: 如果当时没有确定链接目标时,< a href="#"> 首页 。
- 下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。
- 网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
- 锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.
4.9 超链接标签 (重点)
在链接文本的 href 属性中,设置属性值为 #名字 的形式,如 第2集
找到目标位置标签,里面添加一个 id 属性 = 刚才的名字 ,如:第2集