一:语法格式:
<a href="url" target="打开方式">链接标题</a>
二:target属性:
属性值 | 说明 |
parent | 当前窗口的上级窗口 |
blank | 在新窗口打开 |
self | 在同一窗口打开 |
top | 在浏览器的整个窗口中打开 |
三:超链接的类型:
1:内部链接:网站内部文件之间的链接,herf'属性设置为相对路径(相互对照的,其中任意一方改变路径随之更改)
相对路径拓展:指文件所在的路径引起和其他文件的路径关系。
2:外部链接:网站内的文件链接到网站外的文件href属性设置为绝对路径(固定不变的链接地址)
绝对路径拓展:
windows操作系统:完整的描述文件位置的路径
linux操作系统:以“/”为起始,/home/user/a.txt
绝对路径不利于搜索引擎表现, | 相对路径在搜索引擎中表现良好(网页中的跳转尽可能多的使用相对路径) |
在自己的计算机上浏览可能会一切正常,但是上传到web上浏览可能不会显示图片。 | |
3:书签链接:需要翻页,单击可查看到相应的内容。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>超链接</title>
</head>
<body>
<!--网址的跳转(默认在同一个窗口打开)-->
<a href="http://www.baidu.com" >百度</a>
<!--打开方式(新开了一个浏览器的窗口)-->
<a href="http://www.baidu.com" target="_blank">百度</a>
<!--路径问题(相对路径)当前目录./,可以省略
上级目录 ../ 不可以省略
上上级目录../../
-->
<a href="./denglu.html">登录</a>
<!--绝对路径-->
<a href="http:www.baidu.com"></a>
</body>
</html>