码迷,mamicode.com
首页 > 其他好文 > 详细

超链接

时间:2016-07-05 22:37:09      阅读:310      评论:0      收藏:0      [点我收藏+]

标签:

  • 超链接的基本格式
  • 超链接的种类
  • 相对链接和绝对链接
  • 书签的链接
  • 基准参考点
  • 超链接事件
  • 为链接创建键盘快捷键
  • 为链接设置制表符次序

超链接也叫URL中文翻译为资源定址器.这个定址器的功能主要告诉浏览器根据URL的地址找到所需的资源。

6.1 超链接的基本格式

            格式:

                scheme://host[:post]/path/filename

                scheme指的是http,ftp,file,mailto,news,gopher,telnet七种

                host指的是IP地址或计算机名称

                post指的是服务器端口

                path指的是文件路径

                filename指的是文件名

<a href=scheme://host[:post]/path/filename >…</a>

 

6.2 超链接的种类

            一般常用的分为四种:

  1. http

    声明 <a href=http://www.baidu.com/images/logo.htm>百度logo</a>

  2. file

    声明    <a href=file:///盘符/第一层路径/文件名.扩展名>文件</a>

  3. ftp

    声明 <a href=ftp://192.168.1.21/>进入ftp</a>

  4. mailto    

    声明 <a href=mailto:QQ号吗@qq.com>E-MAIL</a>

 

6.3 相对链接和绝对链接

  1. index.htm(在同一层目录下找index.htm)
  2. page/index.htm(在同一层的page目录下找index.htm)
  3. page/top/index.htm(在同一层的page目录下找top目录,再在top目录下找index.htm)
  4. ../index.htm(向上翻一层再找index.htm)
  5. ../../index.htm(向上翻两层再找index.htm)
  6. ../page/index.htm(先向上翻一层,然后再 在page目录下找index.htm)

 

6.4 书签的链接(放在一些易点易看的地方)

<a>下的属性

            属性名称            属性值            说明                       

             name                字符串            设置超链接的标记

 

            基本格式:

                     瞄点<a name="音乐">…</a>

                 链接点<a href="#音乐">书签名</a>

 

            链接到别的网页的书签项目:

            基本格式:

                     瞄点<a name="音乐">…</a>

                     链接点<a href="index.htm(别的网页URL)#音乐">书签名</a>

 

6.5 基准参考点

        基本格式:<head>

                        <base href="盘符orURL">

                        </head>

 

6.6 超链接事件

            LINK 颜色的设置

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

                link 超链接尚被选中的文字

                alink 超链接点选但未被放开的颜色

                vlink 超链接已被点选过的颜色

 

6.7 为链接创建键盘快捷键

accesskey="w(任意字母)" windows系统(Alt+w) MAC系统(Ctrl+w)

 

6.8 为链接设置制表符次序(多个链接时可用,n代表的是数字,按tab键依次按数字顺序切换)

tabindex="n"

超链接

标签:

原文地址:http://www.cnblogs.com/lifi/p/5645053.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!