释放双眼，带上耳机，听听看~！
前面一直在讲文本，但是一个网页光有文字也不行，必须图文并茂才好看啊，下面我们就来说说怎么在网页当中插入图片
“img”是英文单词“image”的缩写，有“图像”的意思，这和它在html中作为标签的用途意思相同，即使用来引入图像，接下来我们一起来看看它的具体用法吧！
<img>标签的定义及用法
在html中，<img>标签是使用来在网页中嵌入一幅图像。从技术上讲，图像并不是插入到网页中，而是链接到网页中，<img>标签的作用是为被引用的图像创建占位符。
<img>标签在网页中很常用，比如，引入一个logo图片、按钮背景图片、工具图标等等。只要是有图片的地方，源代码中基本都有<img>标签（除一些背景图片以外）。
<img>标签语法格式
<img src="被引用图像的地址" alt="图像的替代文本">
这里简单的说明一下
src属性是用来指定需要嵌入到网页中的图像的地址的；alt属性是使用来规定图像的替代文本，当图像不显示时，将显示该属性值内容。搜索引擎会读取该属性值内容作为图像表示的意思，所以搜索引擎优化中需注意该属性；src属性和alt属性是<img>标签必须属性，虽然，alt属性不写也不会出错，但是建议必须写上。如果不写，搜索引擎是看不懂图像是什么意思的。还有就是如果图片不能显示了，那么会出现空白，读者也不知道这是什么意思。
其实img标签还有很多属性，我们简单的来看一下
- alt：图像的替代文本
- src：显示图像的URL
- height：图像的高度
- width：图像的宽度
- ismap：将图像规定为服务器端图像映射，值为：ismap
- usemap：将图像定义为客户器端图像映射，值可以为：#mapname
- crossorigin：设置图像的跨域属性，值可以为：anonymous 、use-credentials（html5新增属性）
案例展示
<!DOCTYPE html>
<html>
<head>
<title>站宝库 ZhanBaoKu.Com</title><!-- 修改页面标题-->
<meta charset="UTF-8">
</head>
<body>
<img src="/wp-content/uploads/2019/11/19fd9491bb5e25.png" alt="小黄鸭" width="200px" height="200px">
</body>
</html>
总结：
<src="地址">标签中的地址可以是绝对地址也可以是相对地址，下节课我们再来说说绝对地址和相对地址