html 第6章 超链接 a标签的使用

[复制链接]
ARCHY明星会员实名认证 发表于 2012-7-18 13:49:56 [html] 显示全部楼层 |阅读模式 上一主题 下一主题

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
超链接也叫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://bbs.zb7.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://bbs.zb7.com/index.htm
  2. http://bbs.zb7.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。

推荐阅读:

第1章 XHTML 学前准备

第2章 HTML 基本结构

第3章 排列清单UL控制标记

第4章 表格table基本格式和使用方法

第5章 图像 -- 背景图片 插入图片等

第7章 表单from的功能结构

第8章 Flash MP3等多媒体的结构和使用

第9章 其他标记marquee、脚本和meta




上一篇:第5章 图像 -- 背景图片 插入图片等
下一篇:第7章 表单form的功能结构

大神点评2

ymw024 发表于 2012-8-12 06:46:28 [html] 显示全部楼层
好,学习了
淘小淘 发表于 2019-5-7 10:09:27 [html] 显示全部楼层
感谢楼主无私的分享与奉献
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表