在网页中插入图片
<img src="图片的 URL" >
src用于指定图像的位置和名称，是 <img> 的必须属性
图像属性 :
属性语法 :
- 属性名="属性值"
- 属性写在尖括号里面，标签名后面，标签名和属性之间用空格隔开，不区分先后顺序
路径写法 :
路径指的是查找文件时，从起点到终点经历的路线
路径分类：
- 相对路径：从当前文件位置出发查找目标文件
./: 代表从当前文件夹下查找文件../: 代表从上一级文件夹下查找文件
- 绝对路径：从盘符出发查找目标文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>网页标题</title> </head> <body> <!-- 图片标签 --> <!-- <img src="./imgs/1.jpg" alt="美女图片"> --> <!-- src属性 : 图片的资源地址 , 可以是一个本地图片也可以是一个网络图片 --> <!-- 本地图片地址写法 相对路径 : 图片资源相对当前页面的路径 - ./ : 从当前目录下开始查找 - ../ : 从当前目录的上一级目录开始查找 绝对路径 : 从系统磁盘根目录下开始查找 --> <!-- 相对路径 --> <!-- <img src="../day01-HTML/imgs/1.jpg" alt=""> --> <!-- 绝对路径 --> <!-- <img src="F:\系统资料\图片\2.jpg" alt=""> --> <!-- 网络路径 --> <img src="https://img0.baidu.com/it/u=196744668,1013500348&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=500" alt=""> </body> </html>
