HTML 链接标签的学习

链接标签

标签	描述
a	定义一个链接
link	定义文档与外部资源的关系。
nav	定义导航链接

a 标签

<a> 标签定义超链接，用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性，它指定链接的目标。

复制 在所有浏览器中，链接的默认外观如下：
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的

HTML5中的属性

属性	值	描述
charset	char_encoding	HTML5 不支持。规定目标 URL 的字符编码。
coords	coordinates	HTML5 不支持。规定链接的坐标。
download	filename	指定下载链接
href	URL	规定链接的目标 URL。
hreflang	language_code	规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media	media_query	规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。
name	section_name	HTML5 不支持。规定锚的名称。
rel	alternate author bookmark help license next nofollow noreferrer prefetch prev search tag	规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
rev	text	HTML5 不支持。规定目标 URL 与当前文档之间的关系。
shape	default rect circle poly	HTML5 不支持。规定链接的形状。
target	_blank _parent _self _top framename*	规定在何处打开目标 URL。仅在 href 属性存在时使用。
type	MIME_type	规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注：MIME = Multipurpose Internet Mail Extensions。

实例：

复制 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签：a标签</title>
</head>
<body>
<!-- <a>标签中的target属性： target="_self"在本页面打开，target="_blank"在新页面打开-->
 
<!--当前页面打开指定网页-->
<a href="https://www.baidu.com">百度一下</a>                        <!--默认在当前页面打开指定链接-->
 
<br />
 
<!--当前页面打开指定网页-->
<a href="https://www.baidu.com", target="_self">百度两下</a>        <!--指定在本页面打开指定链接-->
 
<br />
 
<!--新页面中打开指定网页-->
<a href="https://www.baidu.com", target="_blank">百度三下</a>       <!--指定在新页面打开指定链接-->
 
<br />
 
<!--指定本地文件，打开本地文件-->
<a href="/图片标签/HTML_img.html">本地文件</a>                    <!--指定在本页面打开本地文件-->
 
<br />
 
<!--点击图片，跳转到百度一下网页-->
<a href="https://www.baidu.com", target="_blank">
    <img src="百度一下.png">                                    <!--在百度一下.png图片中插入链接，点击图片跳转到插入的链接-->
</a>
 
</body>
</html>

Google浏览器中打开：

posted @ 2020-02-20 22:14 LeeHua 阅读(162) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· winform 绘制太阳，地球，月球运作规律
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾（3.3-3.9）

Lee Hua's Blog

热爱编程 -- 写Bug

HTML 链接标签的学习

链接标签

a 标签

HTML5中的属性

公告

我的标签

积分与排名

随笔分类 (240)

随笔档案 (226)

阅读排行榜

推荐排行榜

目录导航

	在所有浏览器中，链接的默认外观如下：
	未被访问的链接带有下划线而且是蓝色的
	已被访问的链接带有下划线而且是紫色的
	活动链接带有下划线而且是红色的

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>链接标签：a标签</title>
	</head>
	<body>
	<!-- <a>标签中的target属性： target="_self"在本页面打开，target="_blank"在新页面打开-->

	<!--当前页面打开指定网页-->
	<a href="https://www.baidu.com">百度一下</a> <!--默认在当前页面打开指定链接-->

	<br />

	<!--当前页面打开指定网页-->
	<a href="https://www.baidu.com", target="_self">百度两下</a> <!--指定在本页面打开指定链接-->

	<br />

	<!--新页面中打开指定网页-->
	<a href="https://www.baidu.com", target="_blank">百度三下</a> <!--指定在新页面打开指定链接-->

	<br />

	<!--指定本地文件，打开本地文件-->
	<a href="/图片标签/HTML_img.html">本地文件</a> <!--指定在本页面打开本地文件-->

	<br />

	<!--点击图片，跳转到百度一下网页-->
	<a href="https://www.baidu.com", target="_blank">
	<img src="百度一下.png"> <!--在百度一下.png图片中插入链接，点击图片跳转到插入的链接-->
	</a>

	</body>
	</html>