8.HTML链接

最新推荐文章于 2024-08-12 00:16:25 发布

原创最新推荐文章于 2024-08-12 00:16:25 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

前端学习专栏收录该内容

9 篇文章

订阅专栏

HTML链接

HTML使用链接与另一个HTML文档相连，几乎在所有的HTML文档中都可以找到链接，点击链接可以从一个页面跳转到另一个页面。

<!DOCTYPE html>
<html>
	<head>
		<meta cahrset="utf-8">
		<title>这是标题</title>
	</head>
	<body>
		<a href="http://www.baidu.com">百度一下</a>
	</body>
</html>

HTML超链接（链接）

HTML使用<a>标签来设置超文本链接
超链接可以是一个字，一个词甚至是一幅图像，您可以点击这些标签内容跳转到新的文档或者是本文档中指定的某个部分。
当你把箭头移动到网页上某个链接上时候，箭头会转换为一只小手

在标签<a>的href属性中来设置链接的地址。
默认情况下，链接在浏览器页面中是如下形式：
未访问的链接：蓝色字体有下划线
访问过的链接：紫色字体有下划线
点击链接时候链接是红色的
设置CSS样式后，具体的显示更具CSS样式而定

HTML链接target属性

使用<a>元素的target属性，你可以定义新的文档在哪里显示。

<!DOCTYPE html>
<html>
	<head>
		<meta cahrset="utf-8">
		<title>这是标题</title>
	</head>
	<body>
		<a href="http://www.baidu.com" target="_blank">百度一下</a>
	</body>
</html>

这个链接点击后就会打开一个新的页面。