HTML路径、超链接、锚点链接

路径

目录文件夹:就是普通文件夹,里面只不过存放了我们做页面所需要的相关素材,比如html文件、图片等

根目录:打开目录文件夹的第一层就是根目录

相对路径:以引用文件所在位置为参考基础,而建立出的目录路径,简单来说,就是图片相对于HTML页面的位置

相对路径分类符号说明
同一级路径图像文件位于HTML文件同一级  如<img src="baidu.gif" />
下一级路径/图像文件位于HTML文件下一级  如<img src="images/baidu.gif" />
上一级路径../图像文件位于HTML文件同一级  如<img src="../baidu.gif" />

绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径

超链接标签

1.链接的语法格式:

在HTML标签中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面

<a href="跳转方式" target="目标窗口的弹出方式">文本或图像</a>

属性作用
href用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就有了超链接的功能
target用于指定链接页面的打开方式,其中_self为默认值。_blank为在新窗口中打开方式。

2.链接分类:

1.外部链接:例如<a href="http://www.baidu.com">百度</a>

2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如<a href="index.html">首页</a>

3.空链接:如果当时没有确定链接目标时,<a href="#">首页</a>

4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。

5.网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。

锚点链接

锚点链接:当我们点击链接,可以快速定位到页面中的某个位置

锚点链接:点我们点击链接,可以快速定位到页面中的某个位置。

1.在链接文本的href属性中,设置属性值为#名字的形式,如<a href="#two">第二集</a>

2.找到目标位置标签,里面添加一个id属性 = 刚才的名字,如<h3 id="two">第2集介绍</h3>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值