HTML图片插入

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>网页插入图片</title>
 6 </head>
 7 <body>
 8     <h1>图片</h1>
 9     <div>
10     <img src="./images/1.jpeg" alt="图片" />
11     </div>
12     <div>
13     <img src="./images/2.jpg" alt="图片" />
14     </div>
15     <div>
16     <img src="images/3.jpeg" alt="图片" />
17     </div>
18     <div>
19     <img src="/home/jrri/Desktop/One/images/4.jpg" alt="图片" />
20     </div>
21     <!-- 
22     在填写图片路径的时候,可以写相对路径or绝对路径. 
23     相对路径中:
24     当前路径用./表示,或 直接省略
25     绝对路径,相对于磁盘位置来定位[Windows中用CDEF盘符.Mac/Linux中用根目录/]
26 
27     通常Web文件不进行改变的时候用相对路径兼容性更好,较少用绝对路径.
28     -->
29 </body>
30 </html>