HTML常用标签之链接标签（HTML+CSS学习笔记03）

HTML标签（4）

一、链接标签:

1、超链接标签（重点）

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

（1）链接的语法格式：

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

_self当前窗口打开页面 _blank是在新的窗口中打开页面

href是一定要写的！

（2）链接的分类:

①外部链接：例如：

<a href ="http://www.baidu.com"> 百度 </a>

②内部链接：网站内部页面之间的相互连接，直接链接内部页面名称即可。例如：

<a href ="index.html"> 首页 </a>

③空连接：如果当时没有确定链接目标时，可以如下表示：

<a href="#"> 首页 </a>

④下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件。

⑤网址元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。

示例：

<h4>1.外部链接</h4>
<a href="http://www.qq.com" target="_blank">腾讯</a>

<h4>2.内部链接</h4>
<a href="gongsijianjie.html" target="_blank"> 公司简介 </a>

<h4>3.空连接</h4>
<a href ="#" >公司地址</a>

<h4>4.下载链接</h4>
<a href ="img.zip">下载文件</a>

<h4>5.网页元素的链接</h4>
<a href ="http://www.baidu.com"><img src="img.jpg"/></a>

2、锚点链接：

同一页面中的内容跳转，可以快速定位到页面中的某个位置。

✨在链接文本的href属性，设置属性值为#名字的形式。如：

<a href ="#two"> 第二章 </a>

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

<h3 id ="two">第二章简介</h3>

3、特殊字符：

重点记住前三个标签~