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>