6-超链接

超链接也叫URL(资源定址器)。这个定址器的功能主要告诉浏览器根据URL的地址找到所需的资源。

1. 超链接的基本格式

格式 :
scheme://post[:post]/path/filename

  • shceme 指的是超链接的协议,包含http,ftp,file,mailto,news,gopher,telnet
  • host 指的是计算机名称(本地计算机名为localhost)或IP地址(本地地址127.0.0.1)
  • post 指的是服务器端口,默认端口为80
  • path 指的是文件路径
  • filename 指的是文件名

    用例 :
    <a href="scheme://host[:post]/path/filename"></a>

2. 超链接常用的种类

  1. http
    声明 : <a href="http://www.163.com/newsapp/#f=toplogo">网易</a>

  2. file
    声明 : <a href="file:///C:/Users/sz_pc/Pictures/ultraEdit2.png">图片</a>

  3. ftp
    声明 : <a href="ftp://127.0.0.1/">进入</a>
  4. mailto
    声明 : <a href="mailto:youxiangming@163.com">E-MAIL</a>

3. 相对链接和绝对链接

使用完整的URL地址的链接称为绝对链接,对于同一网站的网页可以使用相对链接的方式互联。使用相对链接需要使用的路径格式如下:

路径格式路径名
.当前路径
..上一级路径
../page/index.htmindex文件的路径

4. 书签的链接

可以用<a> 的name属性实现书签功能

属性名称属性值说明
name字符串设置超链接的标记

基本格式 :

锚点链接点说明
<a name="音乐">...</a><a href="#音乐">...</a>链接到本页书签
<a name="音乐">...</a><a href="index.html#音乐">...</a>链接到index.html页的书签
没有锚点<a href="#">功能类似刷新,链接到页首

5. 基准参考点

基本格式 :

    <head>
    <base href="D:\mydata\myExperiment\html\"<!--路径末尾记得加反斜杠\,默认为file协议-->
    </head>

    <head>
    <base href="http://www.163.com"><!--链接前缀默认为此域名-->
    </head>

6. 超链接事件

link颜色设置的基本格式 :
<body link="颜色" alink="颜色" vlink="颜色">

属性名说明
link超链接未被点选过的颜色
alink超链接被点选但未被放开的颜色
vlink超链接被点选过的颜色

7. 超链接<a> 的其它属性

属性名属性值说明例子
accesskey字母为超链接设置键盘快捷键accesskey=”w” (Alt + w)
tabindex数字为链接设置制表符次序tabindex=”n”
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值