HTML标签之链接标签

最新推荐文章于 2022-03-29 22:39:11 发布

「已注销」

最新推荐文章于 2022-03-29 22:39:11 发布

阅读量705

点赞数 1

分类专栏： HTML学习笔记

本文链接：https://blog.csdn.net/h15882065951/article/details/54914983

版权

HTML学习笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<a>标签

<a>标签为常见的超链接标签，它定义一个页面链接到另一个页面。默认的超链接都带有下划线。

一般未访问的链接为蓝色
一般已被访问的链接为紫色
活动链接为红色

当然超链接的颜色可通过CSS样式来改变。

常见属性有：

href-规定链接的目标URL

绝对URL：指另一个站点例href="http://www.com/index.html"

相续URL：指站点内的文件href="index.html"

锚-指向页面中的锚：href="#id"

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8">
	<title>a标签</title>
  </head>
  <body>
    
	<a href="http://www.baidu.com">百度的链接</a>
	
  </body>
</html>

target-规定打开链接的方式

_blank 在新的窗口中打开页面。

_self为认在当前框架中打开。

_parent 在父级框架中打开。

_top 在整个框架打开。

download-定义了下载链接的地址，同时也规定了下载文件的文件名

<a href="/images/logo.png" download="w3clogo">
<img border="0" src="/images/logo.png" alt="w3cschool.cc" >
</a>

当点出下面的图片时：

效果如下：

规定了下载链接的地址，也规定了下载文件的文件名。

<link>标签

<link>标签规定了当前页面与外部资源、文档的关系。一般用于加载CSS文件。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>link标签</title>
<link rel="stylesheet" type="text/css" href="styles.css"> 
</head>

type-外部文件的MIME类型，一般用到是CSS类型为"text/css"

href-被链接的外部资源的URL

rel-定义当前文档与被链接的外部资源的关系，常用的是"stylesheet"

media-规定被链接的文档、资源适用于什么媒体上（如：电脑、手机、Ipad）,规定当前文档在什么分辨率下适用。

<nav>标签

<nav>标签定义一个导航链接区域，这个元素没有什么具体的语义，只是为了实现语义化，<nav> 元素只是作为标注一个导航链接的区域。

<nav id="nav-top">
  这只是一个导航链接区域，无实义。
</nav>

「已注销」

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML标签之链接标签

HTML链接标签有：<a>超链接、<link>文档与外部资源的关系、<nav>语义化的导航链接。
复制链接

扫一扫

专栏目录

HTML标签之链接标签

<a>标签

<link>标签

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>link标签</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head>

<nav>标签

“相关推荐”对你有帮助么？

`<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>link标签</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head>`