域名不卖,勿扰!

十天学会HTML 第六天 超链接 a标签的使用

超链接也叫URL,中文翻译为资源定址器,这个定址器的功能主要告诉浏览器根据URL的地址找到所需的资源。应该是一个站长必须接触的标签,主要包含内容:1、超链接的基本格式;2、超链接的种类;3、相对链接和绝对链接;4、书签的链接;5、基准参考点;6、超链接事;7、为链接创建键盘快捷键;8、为链接设置制表符次序等。



一、超链接的基本格式



格式:

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

复制代码

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



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



post 指的是服务器端口;



path 指的是文件路径;



filename 指的是文件名;



二、超链接的种类



一般常用的分为四种:



1、http



声明

  1. <a href=http://www.zhanhelp.com/images/name.htm>站帮网</a>

复制代码

2、file



声明

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

复制代码

3、ftp



声明

  1. <a href=ftp://192.168.88.66/>进入</a>

复制代码

4. mailto

  1. <a href=mailto:zhanhelp@163.com>E-MAIL</a>

复制代码

三、相对链接和绝对链接



相对链接:

  1. index.htm
  2. ../index.htm
  3. ../page/index.htm

复制代码

绝对地址:

  1. http://www.zhanhelp.com/index.htm
  2. http://www.zhanhelp.com//page/index.htm

复制代码

四、书签的链接



<a>下的属性



属性名称  属性值  说明



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



基本格式:

  1. 瞄点<a name=”音乐”>…</a>
  2. 链接点<a href=”#音乐”>…</a>

复制代码

目前厦门小鱼网的首页就有是有此书签链接,大家可以去体验看看。



五、基准参考点



基本格式:

  1. <head>
  2. <base href=”c:\”>
  3. </head>

复制代码

主要用户相对链接或图片等相当链接地址,可以给于根目录,然后通过此来判断其他的相对路径。



六、超链接事件



LINK 颜色的设置



基本格式:

  1. <body link=”颜色” alink=”颜色” vlink=”颜色”>

复制代码

link 超链接尚被选中的文字

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

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



七、在何处打开目标 URL



基本格式:

  1. <a href=”地址” target=”_blank”>name</a>

复制代码

链接的 target 属性为 “_blank”,该链接会在新窗口中打开。

target的值有:_blank;_parent;_self;_top framename。

版权共享,随意转载:云破天开 » 十天学会HTML 第六天 超链接 a标签的使用

评论

9+5=