本人已参与「新人创作礼」活动，一起开启掘金创作之路。
环境
VScode
edge浏览器
用HTML写个说明
先看看说明书长什么样
首先写个大标题（咔伊秀）
这个地方我用到的是h1标签，是一个很基础的标签。这个标签从h1拍到h6,跟Mark Down语法一样（我是这样理解的）。
<h1>咔伊秀</h1>
写一个有顺序列表
标题下面这里有顺序的列表是用ol写的，ol代表有序列表。并在文字前面标上li，这样列表就完成了。
<ol>
<li>使用前检查口罩，确认所有部件，清洁有无破损</li>
<li>穿戴口罩时将弹性松紧带吊于耳后</li>
</ol>
无序列表是怎么写的？
无序列表即前面原点的这个东西，它就和Mark Down语法里-是一样的效果。这里用到的标签是ul，在ul标签里在加上li就完成了。这里我在前面用了一个h2的标签，所以会和前面字体大小不太一样。
<ul>
<li>正确使用口罩小技巧</li>
</ul>
强调重要的词汇
强调的英文为strong，顾名思义这个标签就是strong。在想要强调的字段或词组之间加上标签strong，就实现这个效果啦。
<li>
对本品过敏的<strong>请勿使用</strong>
</li>
对于斜体的使用
想要使用斜体字段，在内容两端加em这个标签就可以实现啦。
<li>
本品对<em>粉尘类</em>无防护作用
</li>
我们看看整体的代码
！doctype html标签，html标签是这类代码的必需品，body代表下面是内容部分。
<!doctype html>
<html>
<body>
<h1>咔伊秀</h1>
<p>
<ol>
<li>使用前检查口罩，确认所有部件，清洁有无破损</li>
<li>穿戴口罩时将弹性松紧带吊于耳后</li>
</ol>
</p>
<h2>
<ul>
<li>正确使用口罩小技巧</li>
</ul>
</h2>
<ol>
<li>大小合适</li>
<li>注意正反面</li>
<li>可清洁再使用</li>
<li>对本品过敏的<strong>请勿使用</strong></li>
</ol>
<ul>
<li>本品对<em>粉尘类</em>无防护作用</li>
</ul>
</body>
</html>
这样一个简单的说明书就写好啦！
关于语义化
HTML中的元素，属性及属性值都拥有某些含义。对于开发者来说，应该遵循语义来编写HTML。
我们写的HTML谁来使用
- 开发者在团队合作的时候，互相阅读和编写HTML。
- 浏览器读取HTML渲染页面
实现语义化
了解每一个标签和属性的含义，以及想一想什么样的标签适合描述这个内容。
