- 作用:在网页中插入图片
- <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.实现效果