HTML超链接标签

超链接标签

a:超链接标签
    属性:
        href:链接的URL地址,在本窗口直接打开
        target:打开连接文件的方式
    常用两个属性值:
        _self:在当前窗口直接打开
        _blank:新建一个窗口打开

常见的协议

  1. file://——>本地文件协议
  2. http://——>http协议
    在当前本地找对应的hosts文件,找到了直接打开,如果没有找到,就调用网卡联网操作,在中间DNS服务器中找!
  3. jdbc://mysql://——>数据库名称
  4. thunder——>迅雷协议
  5. 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>

结果展示:
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_40933663/article/details/87886535
今日推荐