超链接 -- HTML5标签

最新推荐文章于 2023-12-30 14:48:12 发布

原创最新推荐文章于 2023-12-30 14:48:12 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

HTML5笔记专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了HTML中超链接的使用方法，包括如何设置不同目标窗口、如何移除默认下划线及hover效果，以及如何为图片添加超链接。此外，还展示了如何通过设置href属性直接链接到本地文件。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>超链接</title>
	<style>
		a{
			/*划线*/
			text-decoration: none;
		}

		/*hover 鼠标在对象上方，出现下划线*/
		a:hover{
			text-decoration: underline;
		}

	</style>
</head>
<body>
	<!-- 超链接 _blank是空白，打开一个新页面 -->
	<!-- _blank   新窗口
	_self    本窗口
	_parent  顶窗口
	窗口名称  窗口名称 -->
	<a href="http://wwww.baidu.com" target="_blank">百度</a>

	<!-- 图片上添加超链接 -->
	<a href="http://wwww.baidu.com" target="_blank">
		<img src="test.png" alt="">

	</a>

	<!-- href可以直接为文件 -->
	<a href="html_02.html" target="_blank">
		<img src="test.png" alt="">
	</a>

</body>
</html>