1.5HTML网页之超链接标签

最新推荐文章于 2023-06-29 09:08:52 发布

不戴眼镜的眼镜男

最新推荐文章于 2023-06-29 09:08:52 发布

阅读量306

点赞数 2

分类专栏：前端文章标签： HTML网页之超链接标签

本文链接：https://blog.csdn.net/BossHAO/article/details/100939388

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

1.5HTML网页之超链接标签

描述：超链接标签(重点)
格式:超链接的名字/文本
分析： href属性，包含的是超链接的核心 — 需要跳转的资源路径
资源路径:1. 相对路径 2.绝对路径 3.网络路径

锚链接: 应用场景淘宝京东手机小说
特点：在当前网页当中，进行跳转
格式：和超链接一样，只是跳转的资源路径不一样！
锚链接

总结:
锚链接 — 属性name — 前面不要加#,但是href属性必须加#

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接标签</title>
	</head>
	<body>
		<!--锚链接-->
		<a name="top" href="#botton" >底部</a><br/>
		<!--1.使用相对路径，跳转到指定页面-->
		<a href="4.HTML网页之img标签.html">img标签</a><br/>
		<!--2.绝对路径-->
		<a href="D:/head.html" target="_blank">head标签</a><br/>
		<!--3.网络路径-->
		<a href="http://www.baidu.com" target="_self">百度一下</a><br/>
		<hr/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<a name="botton" href="#top" >顶部</a><br/>
	</body>
</html>