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>

posted @ 2016-03-07 22:24  绿手红毛怪  阅读(162)  评论(0编辑  收藏  举报