1.路径
(1)目录文件夹和根目录:
实际工作中,我们的文件不能随便乱放,否则用起来很难快速的找到他们,因此我们需要一个文件夹来管理他们。
目录文件夹:就是普通文件夹,里面只不过存放了我们所做页面所需要的相关素材,比如html文件、图片等。
根目录:打开目录文件夹的第一层就是根目录
2.路径
页面中的图片会非常多,通常我们会新建一个文件夹,来存放这些图片文件(images),这时在查找图像,就需要采用“路径”的方式来指定图像文件的位置。
(1)路径之相对路径
相对路径:以引用文件所在位置为参考基础,而建立出的目录路径。
这里简单来说,图片相对于html页面的位置。
相对路径分类 | 符号 | 说明 |
---|---|---|
同一级路径 | 图像文件位于html文件同一级如<img src="baidu.jpg"> | |
下一级路径 | ./ | 图像文件位于html文件下一级如<imgsrc='images/baidu.jpg'> |
上一级路径 | ../ | 图像文件位于html文件上一级如<img src='../baidu.jpg'> |
(2)路之绝对路径
绝对路径:指目录下的绝对位置,直接达到目标位置,通常是从盘符开始的位置
例如: C:UserslpclDesktopl教学课件HTML/20230424
超链接标签(重点)
在html标签中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面
1.超链接语法格式
两个属性的作用如下
属性 | 作用 |
---|---|
href | 用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能 |
target | 用于指定链接页面的打开方式,其中 _self为默认值, _blank为在新窗口打开方式 |
2.链接分类
1.外部链接:例如:<a herf='http//www.baidu.com'>百度</a>
2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如<ahref='index.html>首页</a>。
3.空链接:如果当时没有确定链接目标时,<ahref='#>首页</a>
4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件
5.网页元素链接:在网页中的各种网页元素,如文本、表格、图像、音频、视频等都可以添加超链接。
6.锚点链接:点我们点击链接可以快速定位到页面中某个位置
1)在链接文本的href属性中,设置属性值为#名字的形式,如吴彦祖
2)找到目标位置标签,在里面添加一个id属性=刚才的名字,如<h3 id='two'>吴彦祖介绍</h3>