HTML标签的认识

图像标签和路径

1.图像标签

在html标签中<，<img>标签用于定义html页面中的图像。

<img  src="图像.png"/>

单词image的缩写意为图像

src是<img>标签必须属性，它用于指定图像文件的路经和文件名，

所谓属性: 简单理解就是属于这个图像标签的特性，

图像标签的其他属性:

属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本，图像不能显示的文字
title	文本	提示文本，鼠标放到图像上显示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度
border	像素	设置图像边框粗细

图像标签属性注意点：

a.图像标签可以拥有多个属性，必须写在标签名后面

b.属性之间不分先后顺序、标签名与属性、属性与属性之间均用空格分开

c.属性采取键值对的格式，即key=“value”的格式属性=“属性值”

2.路径

a.目录文件夹和根目录

实际工作中,我们的文件不能随便乱放,否则用起来很难快速的找到他们,因此我们需要一个文件夹来管理他们。

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

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

b.页面中的图片会非常多，通常我们会新建一个文件夹,来存放这些图片文件(images)，这时在查找图像,就需要采用“路径”的方式来指定图像文件的位置.

c.路径之相对路径

相对路径:以引用文件所在位置为参考基础，而建立出的目录路径，这里简单来说，图片相对于html页面的位置。

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

d.路径之绝对路径

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

例如：C:\Users\Pc\Desktop\课件\HTML\20230424