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:[email protected]>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="#a1">…</a>
链接到别的网页的书签项目(在不同页面中跳转):
基本格式:
瞄点<a name="a1">…</a>
链接点<a href="index.html#a1">…</a>
5.链接的属性
(1)name属性
格式:<a href="URL" name="字符串">…</a>
功能:设置超链接的标记,用于书签链接指定位置。
(2)target属性
blank -- 在新窗口中打开链接
new -- 同blank,在新窗口中打开链接
parent -- 在父窗体中打开链接
self -- 在当前窗体打开链接,此为默认
top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)
other 一个对应的框架页的名称 -- 在对应框架页中打开
(3)title属性
格式:<a href="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="#">单击此链接,将会返回当前页面的顶部
将<font>标签写在<a>标签里面,可以修改链接文字的颜色和下划线的颜色