超链接标签
a:超链接标签
属性:
href:链接的URL地址,在本窗口直接打开
target:打开连接文件的方式
常用两个属性值:
_self:在当前窗口直接打开
_blank:新建一个窗口打开
常见的协议
- file://——>本地文件协议
- http://——>http协议
在当前本地找对应的hosts文件,找到了直接打开,如果没有找到,就调用网卡联网操作,在中间DNS服务器中找! - jdbc://mysql://——>数据库名称
- thunder——>迅雷协议
- email——>邮件协议
超链接使用场景有两种:
1. 跳转到指定的文件:普通使用
2. 作锚链接使用:
a. 在同一链接中使用锚链接
- 打锚点:跳转标记
超链接的name属性 <a name="锚点(标记)名称"></a>
- 进行跳转链接
<a href="#锚点(标记)名称">开始跳转</a>
b. 在不同一链接中使用锚链接
- 打锚点:跳转标记
超链接的name属性 <a name="锚点(标记)名称"></a>
- 进行跳转链接
<a href="连接的资源文件#锚点(标记)名称">开始跳转</a>
超链接的使用
<html>
<head>
<meta charset="UTF-8">
<title>超链接标签</title>
</head>
<body>
<!--属性:
href:链接的URL地址,在本窗口直接打开
target:打开连接文件的方式
常用两个属性值:
_self:在当前窗口直接打开
_blank:新建一个窗口打开
-->
<!--顶点打锚点 -->
<a name="top"></a><br />
<a href="#foot">跳转[底部]</a> <br /><br />
<a href="常用标签的使用.html" target="_blank">常用标签的使用的超链接</a> <br /><br />
<a href="列表标签.html#list" target="_blank">列表标签的超链接</a> <br /><br />
<a href="表格标签.html#list" target="_self">表格标签的超链接</a> <br /><br />
<a href="http://www.baidu.com">链接到百度</a> <br /><br />
<br />
<hr />
<h2>静夜思</h2>
<p>床前明月光,</p>
<p>疑是地上霜。</p>
<p>举头望明月,</p>
<p>低头思故乡。</p>
<img src="img/2.jpg" alt="这是一个图片" title="dog" />
<hr />
<!--打锚点:跳转标记-->
<a name="foot"></a><br />
<!--创建跳转链接-->
<a href="#top">返回[顶部]</a><br />
页脚部分
</body>
</html>
结果展示: