【HTML】学习路径7-显示图片

Posted on 2022-10-05 00:44  罗芭Remoo  阅读(50)  评论(0)  编辑  收藏  举报

img标签

<img src="dir"/>

img有什么用

显示图片

img怎么用

语法格式：<img src="dir"/>，其中，src是源，dir请改为图片路径，且改标签是单标签，自身结束。

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<body>
    <h1>显示图片</h1>
    <img src="img01.png"/>

</body>
</html>

替换文本属性（alt）

描述img标签的。当你的图像显示不出来时，则用该预设文本代替。

<img src="img01.png" alt="remoo的头像"/>

良好的习惯。

网页背景图片

<body background="img01.png">

在body标签处添加修饰：background即可。

gif 和 jpg 和png 都可以作为网页背景图片。

如果网页尺寸大于背景图片尺寸，则会重复显示。