1.2（3） body—— 超链接标签

最新推荐文章于 2024-04-25 14:21:48 发布

摆渡人wqh

最新推荐文章于 2024-04-25 14:21:48 发布

阅读量318

点赞数

分类专栏：前端文章标签： html 超链接标签

本文链接：https://blog.csdn.net/wqh101121/article/details/117859049

版权

前端专栏收录该内容

10 篇文章 0 订阅

订阅专栏

超链接

超级链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。

超链接标签

超链接标签

<a></a>

属性

href

设置跳转的目标位置

target

跳转页面打开方式

target="_blank":在新窗口中浏览新的页面。

target="_self":在同一个窗口打开新的页面。

name

设置锚点时使用

练习

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>超链接标签</title>
	</head>
	<body>
		<!--超链接标签——实现页面的跳转功能。
				属性:
					href——设置跳转的目标位置。
					target——跳转页面打开位置。
						target="_blank":在新窗口中浏览新的页面。
						target="_self":在同一个窗口打开新的页面。
						target="_parent":在父窗口中打开新的页面。（页面中使用框架才有用）
						target="_top" :以整个浏览器作为窗口显示新页面。（突破了页面框架的限制）
        -->
        <a href="2.1body文本标签.html" target="_self">超链接1(本地资源)</a><br /><!--跳转到本地资源-->
        <a href="">超链接2(空链接)</a><br /> <!--跳转到自身页面-->
        <a href="abc">超链接3(不存在页面)</a><br /> <!--跳转的目标找不到，提示找不到资源-->
        <a href="https://www.baidu.com/" target="_blank">超链接4(网络资源)</a><br /> <!--跳转到网络资源-->
        
        <a href="2.1body文本标签.html" target="_blank"><img src="img/003.jpg" /></a><br /> 
	</body>
</html>

效果图：