HTML标签之链接标签

2024-04-27 15:12:20

字体：大中小

来源：转载

供稿：网友

<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-被链接的外部资源的URLrel-定义当前文档与被链接的外部资源的关系，常用的是"stylesheet"media-规定被链接的文档、资源适用于什么媒体上（如：电脑、手机、ipad）,规定当前文档在什么分辨率下适用。<nav>标签
<nav>标签定义一个导航链接区域，这个元素没有什么具体的语义，只是为了实现语义化，<nav> 元素只是作为标注一个导航链接的区域。<nav id="nav-top">  这只是一个导航链接区域，无实义。</nav>