首页 > 代码库 > HTML学习笔记5—超链接
HTML学习笔记5—超链接
1.超链接的基本格式
格式:<a href=scheme://host[:post]/path/filename >…</a>
scheme://host[:port]/path/filename
scheme 指的是http,ftp,file,mailto,news,gopher,telnet七种
host 指的是IP 地址或计算机名称
port 指的是服务器端口
path 指的是文件路径
filename 指的是文件名
2.超链接的种类
一般常用的分为四种:
（1）http
<a href=http://www.163.com/images/logo.htm>网易logo</a>
文字链接:默认的文字是蓝色+下划线
（2）file
<a href=file:///e/images/pic.jpg>图片</a>
图像链接:默认的蓝色边框
（3）ftp
<a href=ftp://192.168.4.21/>进入</a>
（4）mailto <a href=mailto:bnbbs@163.com>E-MAIL</a>
3.相对路径与绝对路径
绝对路径是指完整的输入文件的路径，如：E:\Note\Html\9.1803\1.jpg
相对路径是指以当前网页所在的目录为参照点，写出的文件路径，一般情况下，插入图片等文件时，使用的是相对路径。
相对路径：
同一级:路径名称：1.jpg
上一级：路径名称：../1.jpg
下一级：路径名称：images/1.jpg
同级不同目录：路径名称：../images/1.jpg
4.书签链接
基本格式：
链接到当前网页的书签项目(在同一个页面中跳转)：
瞄点<a name="a1">…</a>
链接点<a href="http://www.mamicode.com/#a1">…</a>
链接到别的网页的书签项目(在不同页面中跳转)：
基本格式：
瞄点<a name="a1">…</a>
链接点<a href="http://www.mamicode.com/index.html#a1">…</a>
5.链接的属性
（1）name属性
格式：<a href="http://www.mamicode.com/URL" name="字符串">…</a>
功能：设置超链接的标记，用于书签链接指定位置。
（2）target属性
blank -- 在新窗口中打开链接
new -- 同blank，在新窗口中打开链接
parent -- 在父窗体中打开链接
self -- 在当前窗体打开链接,此为默认
top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)
other 一个对应的框架页的名称 -- 在对应框架页中打开
（3）title属性
格式：<a href="http://www.mamicode.com/URL" title="字符串">…</a>
功能：设置链接注释。鼠标指到超链接上时，显示的文字
例如：<a href="http://www.taobao.com" target="blank" title="文字注释">
6.<body link="#078713" alink="#234423" vlink="#123456"> link设置Body中的所有连接的颜色,alink 点击时，vlink 点击后(兼容性不是很好）
<a style="text-decoration:none;">设置链接的下划线为无，清除a标签下的默认下划线
<a href="">单击此链接会打开当前网页Html保存的位置（某些浏览器不兼容，点击此链接不会打开Html的保存位置，而是返回该页的顶部）
<a href="http://www.mamicode.com/#">单击此链接，将会返回当前页面的顶部
将<font>标签写在<a>标签里面，可以修改链接文字的颜色和下划线的颜色
本文出自 “Raffaele” 博客，请务必保留此出处http://raffaele.blog.51cto.com/6508076/1556990
HTML学习笔记5—超链接