图片和属性
- 本次我们将了解如何在页面添加图片，图片属性的标签是<img />,注意图片属性是没有像段落标签那样的关闭标签；如下方所示：
<img src="./post-img.jpg" />
注：HTML有多种标签中使用的属性，属性的作用是描述元素，src就是属性，为了描述图片。图片的路径可以是绝对路径也可以是相对路径。
- 除此之外，为了防止图片显示不正常，所以我们将给图片一段描述文字。这个非常重要！也有其他场景可以用到，例如盲人使用网页可以通过文字阅读的方式展现给他。如下方所示：
<img src="./post-img.jpg" alt="HTML 代码图片" />
若我们图片无法显示，将会如下图显示:
- 现在图片是放在网页上面了，但是图片太大了，我们如何控制图片的高度和宽度的，这样就是使用width和height去控制图片的宽度和高度，默认数值是px像素，现在我们不需要知道像素是什么，等CSS我们细说，如下方所示：
<img src="./post-img.jpg" alt="HTML 代码图片" width="500" height="200" />其他属性
- 除了图片的属性，还有其他很多属性，例如页面的语言元素，在html标签使用lang=“zh-CN” ,CN代表中文；如下所示：
<html lang="zh-CN">
- 接着我们看看编码格式
<head>
<meta charset="UTF-8" />
</head>
注：meta元素代表元数据,【charset="UTF-8"】，表示字符集编码格式为UTF-8
- 结合上一章，本次我们需要实现的页面是这样的
