HTML a属性标签

四、超连接 a (掌握)
本章的学习知识内容:
什么是超连接?
使用a标签创建超连接
相对路径与绝对路径
1、什么是超连接?
当我们打开新闻类网站,通常我们会看到很多的新闻列表,我们点击的标题,跳转到内容页的效果,就是一个最简单的超链接,它就是使用a标签做出来的。

超级链接在本质上属于一个网页的一部分,主要作用是从当前页面跳转到另外一个页面,也可以是当前页面的不同位置。
按照连接路径,网页中超链接一般分为以下3种类型:外部链接,内部链接和锚点链接(同一页面)。
2、a标签
定义和用法
标签可定义超连接。有两种用法:

通过使用 href 属性,创建指向另外一个文档的链接(或超链接,跳转到其它网页) 通过使用 name 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接,在自身网页中跳转)

基本语法
<a 属性=“属性值”>标签内容

注意事项:
标签是一个行内标签,同时也是一个双标签。
元素最重要的属性是 href 属性,它指定链接的目标。
可选的属性
属性 值 描述 DTD
charset 字符集名称 规定目标 URL 的字符编码。 STF
coords 坐标 规定链接的坐标。 STF
href URL 链接的目标 URL(统一资源定位符)。 STF
hreflang ISO 语言代码 规定目标 URL 的基准语言。 STF
name section_name 规定锚的名称。 STF
rel text 规定当前文档与目标 URL 之间的关系。 STF
rev text 规定目标 URL 与当前文档之间的关系。 STF
shape default
rect
circle
poly 规定链接的形状。 STF
target _blank
_parent
_self
_top
framename 在何处打开目标 URL。 TF
type MIME 编码类型 规定目标 URL 的 MIME 类型。 STF

示例:

华清远见教育

tag1 tag2

3、相对路径与绝对路径(重点中的重点)
3.1 绝对路径
绝对路径以协议(http://、https://)或者以“/”作为前缀:
http协议(一般网络路径):华清远见官网
基于网站根路径(/): 新闻中心
3.2 相对路径(重点)
定义:以文件本身所在的目录为参照路径进行定位。
当前页面所在同级目录路径:02.html
当前页面所在下级路径:03.html
./ 当前目录,可以省略不写。访问下级目录要写目录名。
…/ 回到上一层目录 :hello
目录名/ 当前目录的下级目录

/ 访问根目录

练习:
将三个文件相互做超级连接,文档结构如下:

Code
|–01
|–|--01.html
|–02
|–|--02.html (以这里为入口文件)
|–|--03
|–|--|–03.html 03跳转到jd 618

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值