HTML5图片路径-526互联

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img src="c:\Users\songs\Downloads\3.webp" width="500px" >   <!--绝对路径-->

<img src="1.webp" alt="TFBOYS" width="300px" title="NO.1">             <!--src 图片的路径和名字 alt 当图片显示不出来时，用文字代替图片 width 限制图片大小 宽 height 高度 title 鼠标放在图片上时的提示-->

 <img src="1.webp" width="500px">                <!--相对路径 同级关系-->
    <img src="./image/2.webp" width="500px" >                     <!--子集关系 照片是程序的子集-->
</body>

</html>