本文详细介绍了HTML中超链接的使用方法，包括绝对路径与相对路径的应用场景，并讲解了如何利用target属性控制链接打开方式及锚点的具体用法。
1、绝对路径
需要指出链接资源的绝对位置，与你的HTML文档位置有关；
(1)服务器中的位置：href=“http：//www.nipic.com/2/52/8144173k9c3cc84f.html”
(2)本地存储的=的位置：file：///D:\桌面\HTML5课程\HTML5入门实例课程\lesson9\西施.png\
2、相对路径
同在一个目录，直接写文件名称或./文件名 比如：tp.jpg或者./tp.jpg
在下级（子）目录：***/tp.jpg
在下下级（子）目录：**/***/tp.jpg
在上级（父）目录：../tp.jpg
在上上级目录：../../tp.jpg
3.target属性的4个值：
_self：当前窗口
_blank：新窗口
_top：最顶层框架
_parent：副框架
4.id属性：通用属性，可以理解为元素的身份证；name属性，理解为元素的名字
<!DOCTYPE html>
< html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>例3</title>
</head>
<body bgcolor=”#fedcbd“>
<a href=”http://www.baidu.com/“>baidu</a><br>
<a href=”104.html/“>104</a><br>
<a href=”http://www.baidu.com/“><img src="baidu.png"></a><br>
<a href=”mailto:1938364323@qq.com“>联系我</a><br>
<a href=”tp.png“>下载</a><br>
<a href=”http://www.baidu.com/“ target=”_blank“>baidu</a>
<a href=”#1“>锚点1</a>
<a href=”#2“>锚点2</a>
<a href=”#3“>锚点3</a>
<br><br><br><br>
<a id=”1“>锚点1<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></a>
<a id=”2“>锚点2<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></a>
<a id=”3“>锚点3<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></a>
</body>
</html>
扫一扫
2127
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
