HTML链接 -- a 标签,指定位置的链接,邮件链接,图像链接
来源:互联网 发布:caxa数控车怎么编程 编辑:程序博客网 时间:2024/05/24 06:42
HTML链接 -- a 标签
链接是超级链接的缩写,英文是hyperlink。
HTML中的H就是hypertext的缩写,超文本的意思。
超文本链接语言(网页)的精髓就是链接,通过链接才可以把世界各地的网页链到一起,成为互联网。
a标签
a 标签 -- 代表HTML链接
- a标签是成对出现的,以
<a>
开始,</a>
结束 - 引用网址:http://www.dreamdu.com/xhtml/tag_a/
- 属性.
- Common -- 一般属性
- accesskey -- 代表一个链接的快捷键访问方式
charset
-- 指定了链接到的页面所使用的编码方式,比如UTF-8
coords
-- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标- href -- 代表一个链接源(就是链接到什么地方)
hreflang
-- 指出了链接到的页面所使用的语言编码- rel -- 代表文档与链接到的内容(href所指的内容)的关系
- rev -- 代表文档与链接到的内容(href所指的内容)的关系
shape
-- 使用图像地图的时候可以使用shape指定链接区域- tabindex -- 代表使用"tab"键,遍历链接的顺序
- target -- 用来指出哪个窗口或框架应该被此链接打开
- title -- 代表链接的附加提示信息
type
-- 代表链接的MIME类型
- a,是anchor(锚)的第一个字母
链接语法
<
a
href
=
"
url
"
>
显示的文字</
a
>
链接a标签说明
- a-- 是链接的标签
- href-- 是链接的属性,告诉浏览器链接到的网址(URI)
- url-- 是我们要链接到的网页或者文件。url可以是一个绝对的网页,如: http://www.dreamdu.com/xhtml/.或者是一个相对网页
- 如:dreamdu.html,学习相对路径和绝对路径
- url除了是网页外,还可以是其它的文件(如文本文件,pdf文件等).
- url还可以是指向HTML文件中的一个位置.
- url还可以是Email地址.
- 显示的文字-- 是我们想要显示的文字,浏览者点击'显示的文字'就会连接到url页面.
示例
<
a
href
=
"
http://www.dreamdu.com/css/
"
>
点击链接到--梦之都CSS教程</
a
>
<
a
href
=
"
/xhtml/
"
>
点击链接到--梦之都XHTML教程</
a
>
所谓指定位置的链接,就是直接链接到文档中一个定义好的位置。
在HTML文档的顶部给一个标签加一个id属性,如
<h2 id="top">
顶部</h2>
再在HTML文档的底部加一个链接
<a href="#top">
回到顶部</a>
,只要点击这个标签就可以直接转到具有id="top"
的标签的位置(也就是顶部).也可以直接链接到其它页面的指定位置.
HTML 指定位置的链接通常使用在文章较长,一屏无法显示的情况.
引用网址:http://www.dreamdu.com/xhtml/attribute_a_id/
示例
<
h2
id
=
"
top
"
>
页面上部</
h2
>
<
a
href
=
"
#bottom
"
>
链接到页面下部</
a
>
<
a
href
=
"
#top
"
>
链接到页面上部</
a
>
<
h2
id
=
"
bottom
"
>
页面下部</
h2
>
<
a
href
=
"
http://www.dreamdu.com/javascript/object_math/#syntax
"
>
JS Math函数语法</
a
>
HTML邮件链接
HTML邮件链接 -- 可以直接打开默认的邮件系统
- HTML邮件链接使用了mailto语法
- 引用网址:http://www.dreamdu.com/xhtml/attribute_a_mail/
示例
<
a
href
=
"
mailto:dreamdu@dreamdu.com
"
>
给我写邮件</
a
>
HTML图像链接
可以为一个图像指定链接.HTML图像通常使用img标签,下一节,我们将介绍img标签.
引用网址:http://www.dreamdu.com/xhtml/attribute_a_img/
示例
<
a
href
=
"
http://www.baidu.com/
"
title
=
"
baidu
"
>
<
img
src
=
"
http://www.baidu.com/img/logo.gif
"
/>
</
a
>
<
a
href
=
"
http://www.google.com/
"
title
=
"
"
>
<
img
src
=
"
http://www.google.com/intl/en_ALL/images/logo.gif
"
/>
</
a
>
HTML图像链接
可以为一个图像指定链接.HTML图像通常使用img标签,下一节,我们将介绍img标签.
引用网址:http://www.dreamdu.com/xhtml/attribute_a_img/
示例
<
a
href
=
"
http://www.baidu.com/
"
title
=
"
baidu
"
>
<
img
src
=
"
http://www.baidu.com/img/logo.gif
"
/>
</
a
>
<
a
href
=
"
http://www.google.com/
"
title
=
"
"
>
<
img
src
=
"
http://www.google.com/intl/en_ALL/images/logo.gif
"
/>
</
a
>
- HTML链接 -- a 标签,指定位置的链接,邮件链接,图像链接
- html链接到页面指定位置
- HTML发送邮件链接
- HTML发送邮件链接
- HTML发送邮件链接
- HTML发送邮件链接
- HTML发送邮件链接
- web前端-HTML常用链接图像标签
- html 图像 链接
- HTML 链接和图像
- HTML链接标签
- html链接标签
- <a>普通链接,邮件链接<id><img>
- HTML a标签链接路径问题
- 链接<a>标签
- a标签链接跳转
- a标签链接QQ
- a标签<链接>
- 浅谈QA所应该具备的知识
- 使用autoTools工具集
- Telnet协议基础知识
- form表单提交 get与post 区别 以及forward(连同提交方式也) 转发
- uboot第二阶段启动过程
- HTML链接 -- a 标签,指定位置的链接,邮件链接,图像链接
- automake生成动态链接库
- solr研究
- cxf发布webservice与java客户端解析webservice
- hdu 1712 ACboy needs your help
- 最难就业季感悟
- 工作中前程无限的秘诀是什么
- TROUBLE SHOOTING: JBO-29112,ADF中报时区错误
- eclipse代码提示,代码自动完成等功能