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浏览器中打开:

          

          

原文地址:https://www.cnblogs.com/liyihua/p/12337520.html