《HTML&CSS设计与构建网站》第四章 衔接

核心:<a href="http://www.xxx.com">xxxx</a>

一般会碰都以下几种衔接:

从一个网站指向另一个网站的衔接:

href属性值是绝对地址<a href="http://www.xxx.com">xxxx</a>

(绝对URL:URL全称Uniform Resource Locator统一资源订位子。绝对URL以网站的域名开头,域名后面可以指定具体页面的路径)

指向同一网站中其他页面的衔接:

相对路径:其中提到了目录结构

相对链接类型示例

相同的文件夹

只需要文件名

href="文件名.html"

子文件夹

加正斜杠再加文件名

href="同辈文件夹/文件名.html"

孙子文件夹

href="同辈文件夹/子文件夹/文件名.html"
父文件夹href="../文件名.html"
祖父文件夹href=../../文件名.html"

 

EMAIL衔接:

mailto:href="mailto:xxx@xxx.xxx"

在新窗口中打开衔接:设置target属性为_blank。

衔接到当前页面的某个特定位置:

设置id属性的值,然后设置href="#id名",即可实现跳转。(一般用于页面顶部底部相互跳转)

衔接到其他页面的某个特定位置:

设置id属性的值,然后设置href="绝对或者相对地址#id名",即可实现跳转。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值