HTML中的超链接

最新推荐文章于 2024-06-16 21:56:15 发布

努力彪

最新推荐文章于 2024-06-16 21:56:15 发布

阅读量4.8k

点赞数 1

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_41972686/article/details/117305548

版权

HTML 专栏收录该内容

9 篇文章 2 订阅

订阅专栏

本文介绍了HTML中的超链接标签，包括网络路径和本地路径的使用，以及鼠标悬停效果和下划线特点。同时，展示了如何将图片设置为热链接。此外，详细解释了超链接的target属性，如_blank、_self、_parent和_top，说明了它们在新窗口和当前窗口打开链接的区别。

摘要由CSDN通过智能技术生成

超链接：也就是我们的href标签，它的出现是为了放入我们的超链接路径。

超链接的特点：

1：链接路径可以是一个网络中的路径，也可以是一个本地的路径!
2：超链接的特点：鼠标停留在超链接上自动变成小手，在网页中被加入超链接的文字会自动添加下划线！

3：图片可以做热链接吗？可以，待会会有代码演示。

代码示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接</title>
	</head>
	<body>
		<!-- 链接到百度 -->
		<!-- href 属性表示：hot references，用来指定链接的路径 -->
		<a href="http://www.baidu.com">百度</a>
		<br>
		<!-- 链接路径可以是一个网络中的路径，也可以是一个本地的路径！ -->
		<!-- 超链接的特点：鼠标停留在超链接上自动变成小手，超链接自动添加下划线！ -->
		<a href="004-表格.html">链接到本地的表格！</a>
		<br>
		<a href="http://www.jd.com">京东商城</a>
		<br>
		<a href="http://www.126.com">126邮箱</a>
		<br>
		<a href="https://map.baidu.com">百度地图</a>
		
		<!-- 图片可以做热链接吗？可以 -->
		<a href="https://map.baidu.com">
			<!-- 标签嵌套使用！ -->
			<img src="images/bd.png" width="200px" title="点击我跳转到百度地图哦!" />
		</a>
		
	</body>
</html>

上述代码可直接在Hbuilder中直接运行即可，观察代码的效果。

下面来介绍超链接中的target属性，target属性用于设置最终窗口打开的位置。

target属性可以有以下的赋值，分别代表当点击我们的超链接后，所跳转的页面所显示的不同位置，下面来看:
     _blank：跳转后显示在新窗口
     _self：跳转后显示在当前窗口
     _parent：跳转后显示在当前窗口的父窗口
     _top：跳转后显示在当前窗口的顶级窗口

努力彪

关注

1
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
HTML中的超链接

超链接：也就是我们的href标签，它的出现是为了放入我们的超链接路径。超链接的特点：1：链接路径可以是一个网络中的路径，也可以是一个本地的路径!2：超链接的特点：鼠标停留在超链接上自动变成小手，在网页中被加入超链接的文字会自动添加下划线！3：图片可以做热链接吗？可以，待会会有代码演示。代码示例：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title&g.
复制链接

扫一扫

专栏目录