HTML系列(HTML超链接)

2019-02-26  本文已影响0人  破折号

超链接基本格式

格式:<a href="URL(路径)"></a>
(<a href=”scheme://host[:port]/path/filename”></a>)

属性 说明
scheme 指的是http,ftp,file,mailto,news,gopher,telne七种
host IP 地址或计算机名称(例:192.168.0.0)
port 服务器端口(例:8080)
path 文件路径
filename 文件名
举例(localhost为本地可用本地ip代替)

超链接的种类(一般有四种)

  1. http

如:<a href=http://www.xxx.com>网址</a>

  1. file

如:<a href=file://images/1.jpg>图片</a>

  1. ftp

如:<a href=ftp://192.168.0.0/>进入</a>

  1. mailto

如:<a href=mailto:xxx@xxx.com>e-mail</a>

相对连接(自己本身路径):

如:index.html、other/index.html等

绝对连接(所有路径):

如:http : // www . xxx . com / xxx.html等

相对链接和绝对链接

书签链接:

<a name=”string”>(字符串, 设置超链接的标记)

基本格式(内连接,最常见的就是置顶或置底):
<a href="#a">超链接</a>
<a name="a">超链接</a>

内连接 点击置底到页面下面 点击置顶到页面上面

基本格式(外链接,跳转页面):
<a href=" ">超链接</a>
<a href="#">空链接(会跳到页面最上面)</a>
<a href="javascript:;">空链接(死链接)</a>
<a href="网址">跳转到网址</a>

外连接

target属性:(<a href=”” target=”_blank”>)

属性 属性值 说明
target _blank 在新窗口中打开链接(常用)
target _self 在当前窗体打开链接(常用,默认)
target _parent 在父窗体中打开链接
target _top 在当前窗体打开链接,并替换当前的整个窗体(框架页)
target other 一个对应的框架页的名称 ,在对应框架页中打开
举例(_blank)

补充:style=”text-decoration:none“去掉链接中的下划线

去掉链接中的下划线
上一篇 下一篇

猜你喜欢

热点阅读