美文网首页
HTML-在浏览器中显示图片

HTML-在浏览器中显示图片

作者: 测试探索 | 来源:发表于2022-05-26 22:09 被阅读0次
目录层级关系

test-1.html与image平级,所以src的路径为image/1.png,如果不是平级,找到test-1.html的父级目录所在文件是否与image平级,来编写src参数


image.png
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一个页面</title>
</head>
<body>
   logo:<img src="image/1.png" alt="not found"/>

</body>
</html>
结果
大小的设置
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一个页面</title>
</head>
<body>
   logo:<img src="image/1.png" alt="not found" width="100px" height="100px" >

</body>
</html>
image.png

相关文章

网友评论

      本文标题:HTML-在浏览器中显示图片

      本文链接:https://www.haomeiwen.com/subject/vqppprtx.html