HTML4.01超文本标记语言-HTML超链接标签

最新推荐文章于 2024-07-06 10:50:45 发布

来聊前端

最新推荐文章于 2024-07-06 10:50:45 发布

阅读量56

点赞数

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

本文链接：https://blog.csdn.net/qq_36893834/article/details/131699940

版权

HTML 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

HTML超链接标签

学习目标

在这里插入图片描述

超链接介绍

HTML 链接是通过标签 <a></a>来定义的。HTML 使用超级链接与网络上的另一个文档相连。
在这里插入图片描述

超链接语法

超链接的语法：

<a href="" target=""> 文本或图像 </a>

属性的作用如下

属性	作用
href	跳转目标
target	目标窗口的弹出方式 _self表示默认值 _blank表示新窗口

超链接的使用方法

超链接使用herf属性访问百度，并以新窗口的模式打开，表明超链接上下链接关系。

<!DOCTYPE html>
<html>
	<head>
		<title>a超链接</title>
		<meta charset="utf-8">
	</head>
	<body>
		<!--网址的跳转-->
		<a href="https://www.baidu.com/">点击去百度</a>
		<!--窗口的打开方式-->
		<a href="https://www.baidu.com/" target="_blank">点击去百度</a>
	</body>
</html>

超链接name属性，和id属性效果的演示（注：HTML5不再支持）。

<!DOCTYPE html>
<html>
	<head>
		<title>a超链接</title>
		<meta charset="utf-8">
	</head>
	<body>
		<a name="top"></a>
		<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/><br/><br/><br/><br/>
		<br/><br/><br/><br/><br/><br/><br/><br/>
		<a href="#top">回到顶部</a>
	</body>
</html>