HTML5 1.3 超链接
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>