1.插入图片 (重要)
语法
<img src="图片的路径" title="" alt=""/>
(1)title表示鼠标接触图片时,显示的文字
(2)alt表示图片因某些情况而导致未能显示出来时,显示的文字(并且在网页中即使不输入任何东西,网页会优先加载带有”alt“的图片)
<img src="2.webp" title="风景图" alt="风景" width="1000px" height="400px"/>
(1).
(2).
2.图片路径 (很重要)
绝对路径
1.在网页上复制的图片链接为绝对路径
2.自己制作的网页中的图片,会成为绝对路径
如:
<img src="https://img2.baidu.com/it/u=1572613686,938558453&fm=253&fmt=auto&app=120&f=JPEG?w=640&h=400"/>
相对路径
1.当前文件和目录文件在同一个目录下,直接写目标的名字.后缀
<img src="2.webp" title="风景图" alt="风景" width="1000px" height="400px"/>
2.(上找下)当前文件和目录文件的文件夹在同一个目录下,直接写文件夹的名字/目标名字. 后缀
<img src="images/1.webp" alt=""/>
3.(下找上)当前文件的文件夹和目标文件的文件夹在同一个目录下, ../直接写文件夹的名字/目标名字. 后缀).
<img src="../2.webp"/><!--下找上级-->
注: 当前文件 在哪个文件里写哪个文件就叫当前文件
目标文件 你需要找的文件
/ 表示下一级
../ 表示上一级