HTML图像标签和路径|青训营笔记
1.图像标签
在HTML标签中，标签用于定义HTML页面中的图像
< img src = "图像URL" />
单词image的缩写，意为图像
src是标签的必须属性，它用于指定图像文件的路径和文件名
所谓属性：简单理解就是属于这个图像标签的特性
图像标签的其他属性：
图像标签的注意点：
- 图像标签可以拥有多个属性，必须写在标签名的后面
- 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开
- 属性采取键值对的格式，即 key = “value”的格式，属性 = “属性值”
2.路径
（1）目录文件夹和根目录
实际工作中，我们的文件不能随意乱放，否则用起来很难快速的找到他们，因此我们需要一个文件夹来管理它们
目录文件夹：就是普通文件夹，里面只不过存放了我们做页面所需要的相关素材，比如html文件、图片等
根目录：打开目录文件夹的第一层就是根目录
（2）VSCode打开目录文件夹
文件——打开文件夹，选择目录文件夹
（3）路径
页面中的图片会非常多，通常我们会新建一个文件夹来存放这些图像文件（images），这时在查找图像，就需要采用“路径”的方式来指定图像文件的位置
相对路径
相对路径：以引用文件所在位置为参考基础，而建立出的目录路径 这里简单来说，就是图片相对于HTML页面的位置
绝对路径
绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径
例如："D:\web\img\logo.gif"或完整的网络地址："www.itcast.cn/imagea/logo…"
