HTML笔记4、路径 与 链接<a></a>

 

路径

1. 绝对路径：从盘符开始  如：F:\web\text.html
2. 相对路径：以自身文件为主

ps：..\代表上一级目录，.\代表当前目录

链接<a></a>

1、内部链接

网站内部页面和页面之间的链接（参考上面的路径）

<a href="1-主页.html" target="_blank">链接内容</a>
<a href="./1-主页.html"></a>

2、外部链接

外部链接就是连接到其他网站上去

<a href="http://www.baidu.com" target="_blank">百度</a>

ps：地址要写全

3、空链接

有超链接的样子，但点击不会跳转，用”#“表示

<a href="#">空链接</a>

4、下载链接

在链接的文件浏览器无法打开时，就出现自动下载

<a href="1-主页.zip">下载链接</a>

5、锚链接

先建一个锚点

<a id=no1>锚点1</a>
<a id=no2>锚点2</a>

id表示为唯一的编号

点击锚链接，链接到指定锚点处

<a href="#no1">锚链接</a>
<a href="#no2">锚链接</a>

#表示为id的意思

---

常用属性：

属性	说明	取值
href	目标文件的地址URL，该URL可以是相对地址，也可以是绝对地址	内部链接：路径 外部链接：对应网址（地址写全） 空链接：# 下载链接 锚链接：id=”值“
target	目标文件的显示窗口	_blank：在新窗口中打开目标文件 _self：在当前窗口中打开目标文件(默认打开)，相当于“替换”操作 _parent：在父级窗口来打开目标文件 _top：在最顶级窗口来打开目标文件
id	定义锚点链接的名称	/

 

 

 

 

 

 

 

 

 

6、热点（DreamWeaver操作）

点击同一张图不同区域跳转到不同页面

---

拓展：跳转到指定页面的锚点处

1、新建一个锚点

<a id=no3>厦门</a>

2、建立锚链接，先指定页面，再指定id号

<a href="3-列表.html#no3">跳转到指定页面锚点处</a>