HTML的主要工作是编辑文本结构和文本内容（也称为语义semantics）， 以便浏览器能正确的显示。本文介绍了HTML的使用方法：在一段本文中添加标题和段落，强调语句，创建列表等等。
为什么需要语义
我们在任何地方都要依赖语言学-我们依靠以前的经验就知道日常事务都代表什么。
同样的道理，我们需要确保使用了正确的元素来给予正确的意思、作用以及外形。<h1>元素是一个语义元素，他给出包裹在页面上用来表示顶级标题的角色。
一般来说，浏览器会给它一个更大的字形来让它看上去像个标题（虽然你可以使用CSS让它变成任何你想要的样式。更重要的是，它的语义值将以多种方式被使用，比如通过搜索引擎和屏幕阅读器）。
<span style="font-size: 32px; margin: 21px 0;">Is this a top level heading?</span>
这是一个<span>元素，它没有语义，当您想要对它用CSS（或者JS）时，您可以用它包裹内容，且不需要附加任何额外的意义（在未来的课程中你会发现更多这类元素）。我们已经对它使用了CSS来让它看起来像一个顶级标题。然而，由于它没有语义值，所以它不会有任何上文提到的帮助。最好的方法是使用相关的HTML元素来标记这个项目。
列表 List
三种不同的列表。
- 无序列表
<ul>
<li>牛奶</li>
<li>鸡蛋</li>
<li>面包</li>
<li>鹰嘴豆泥</li>
</ul>
- 有序列表
<ol>
<li>行驶到这条路的尽头</li>
<li>向右转</li>
<li>直行穿过第一个双环形交叉路</li>
<li>在第三个环形交叉路左转</li>
<li>学校就在你的右边，300米处</li>
</ol>
- 嵌套列表
将一个列表嵌入另一个列表是完全可以的，让一些子项再首项目下。
<ol>
<li>Remove the skin from the garlic, and chop coarsely.</li>
<li>Remove all the seeds and stalk from the pepper, and chop coarsely.</li>
<li>Add all the ingredients into a food processor.</li>
<li>Process all the ingredients into a paste.
<ul>
<li>If you want a coarse "chunky" humous, process it for a short time.</li>
<li>If you want a smooth humous, process it for a longer time.</li>
</ul>
</li>
</ol>
重点强调
<em> <strong>
