- 作用：在网页中插入图片
- <img>单标签
- 图像属性：
alt:替换文本，图片无法显示的时候显示的文字
title:提示文本，鼠标悬停在图片上的时候显示文字
width:图片的宽度，值为数字，没有单位
height:图片的高度，值为数字，没有单位
4.代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页标题</title>
</head>
<body>
<!-- src写图片的地址 写地址时的小技巧：输入"./" 客提示选择图片的地址 -->
<!-- alt属性：替换文本，图片无法显示的时候显示的文字-->
<!-- 网速慢时可能导致图片加载不出来，为了不影响内容的浏览，利用alt属性 -->
<img src="./imgs/cat1.gif" alt="小猫">
<img src="./imgs/dog.gif" title="小狗" width="200" height="200">
<!-- 浏览器缩放图片，默认是等比例缩放的 -->
<img src="./imgs/dog.gif" title="小狗" width="20" >
<img src="./imgs/dog.gif" title="小狗" height="600">
</body>
</html> 5.实现效果
1859
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
