一.图像标签和路径
页面中的图片会非常多,通常我们会新建一个文件夹,来存放图片(image),这时在查找图像,就需要采用“路径”的方式来指定图像文件的位置。
- 路径之相对路径
相对路径:以引用文件所在位置为参考基础,而建立的目录路径。
这里简单来说,就是图片相对于html页面的设置。
相对路径分类 | 符号 | 说明 |
同一级路径 | 图像文件位于html文件同一级,列如<img src=”Baidu.jpg”> | |
下一级路径 | / | 图像文件位于html文件下一级,列如<img src=”images/Baidu.jpg”> |
上一级路径 | ../ | 图像文件位于html文件上一级,列如<img src=”../Baidu.jpg”> |
2.路径之绝对路径
绝对路径:指目录下的绝对位置,直接到达目标位置。通常是从盘符开始开始的位置
例如;C\Users\Pc\Desktop\学习\HTML\20243.7
二.超链接标签
在html中,<a>标签用于定义超链接、作用是从一个页面链接到另一个页面。
超链接语法格式
<a href="跳转目标" target=“目标窗口的弹出方式”>文本或图像</a>
属性 | 作用 |
href | 用于指定链接目标的url地址,(必须属性)当为标签应用href属性时它 就具有了超链接的功能 |
target | 用于指定链接页面的打开方式,其中_self为默认值 , _blank为在新窗口打开方式 |
三.链接分类
1、外部链接:例如:<a href='http://www.baidu.com”>百度</a>。
2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如<a href='index,html'>首页<a>
3.空链接:如果当时没有确定链接目标时,<a href='#’>首页</a>
4、下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
5.网页元素链接:在网中的各种网页元素,例如文本、表格、图像、音频、视频等都可以添加超链接。
6、锚点链接:点我们点击连接可以快速定位到页面中某个位置
1.在链接文本的href属性中,设置属性值为#名字的形式,如<a hef=“#gh”>号房祖<la>
2.找到目标位置标签,在里面添加一个id属性=刚才的名字,如<h3 id="tvo">点击试试</h3>