6. HTML 常用标签—超链接

目录

1. 超链接标签

2. 链接分类：

3. 注释标签

4. 特殊字符

---

1. 超链接标签

在 html 标签中，<a> 标签用于定义超链接，作用是从一个页面链接到另一个页面。

<a href = "跳转目标" target = "目标窗口的弹出方式" >文本或图像  </a>

a为单词 anchor 的缩写，意为：锚。

两个属性的作用如下：

属性	作用
href	用于指定链接目标的url地址（必须属性），当为标签应用 href 属性时，它就具有了超链接的功能
target	用于指定链接页面的打开方式，其中_self 为默认值，_blank为在新窗口中打开方式。

2. 链接分类：

1. 外部链接：例如 < a href = "http://www.baidu.com">百度 </a> 。
2. 内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可，例如：                        < a href = "index.html"> 首页 </a>
3. 空链接：如果当时没有明确链接目标时，以#代替链接目标，例如 :                                         < a href = "#" >点击连接之后会跳转到页面顶部</a>或<a href="javascrpt:;">这种不会</a>
4. 下载链接：如果 href 里面地址是一个文件或者压缩包，会下载这个文件。例如：                      <a href = "图片.zip"> 下载文件 < /a>
5. 网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。如：                                                                                                                                <a href="http://www.baidu.com"> <img src="图片.jpg " title="点击图片前往百度"/></a>

     6.  锚点链接：点击链接，可以快速定位到页面中的某个位置。

        ①在链接文本的 href 属性中，设置属性值为 #名字 的形式，如 <a href="#two"> 第二集 </a> 

        ②找到目标位置标签,里面添加一个 id 属性 = 刚才的名字，如

< h3 id= "two" >第二集介绍 </h3>

3. 注释标签

如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标签。HTML中的注释以“ <!-- ” 开头，以 “ --> ” 结尾。

<!-- 注释语句 -->       快捷键： ctrl +/  

注释标签里的内容是给程序员看的，代码并不会执行也不会显示到页面中。

4. 特殊字符

在HTML页面中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来替代。