基础: 标题和段落
在HTML中，每个段落是通过 <p> 元素标签进行定义的, 比如下面这样：
<p>我是一个段落，千真万确。</p>每个标题（Heading）是通过“标题标签”进行定义的：
<h1>我是文章的标题</h1>这里有六个标题元素标签 —— <h1>、<h2>、<h3>、<h4>、<h5>、<h6>。
列表 Lists
无序 Unordered
每份无序的清单从 <ul> 元素开始——需要包裹清单上所有被列出的项目：
<ul>
豆浆
油条
豆汁
焦圈
</ul>然后就是用 <li> 元素把每个列出的项目单独包裹起来：
<ul>
<li>豆浆</li>
<li>油条</li>
<li>豆汁</li>
<li>焦圈</li>
</ul>有序 Ordered
这个标记的结构和无序列表一样，除了需要用<ol> 元素将所有项目包裹, 而不是<ul>：
<ol>
<li>沿着条路走到头</li>
<li>右转</li>
<li>直行穿过第一个十字路口</li>
<li>在第三个十字路口处左转</li>
<li>继续走 300 米，学校就在你的右手边</li>
</ol>重点强调
在日常用语中，我们常常会加重某个字的读音，或者用加粗等方式突出某句话的重点。与此类似，HTML 也提供了相应的标签，用于标记某些文本，使其具有加粗、倾斜、下划线等效果。下面，我们将学习一些最常见的标签。
强调
在HTML中我们用<em>（emphasis）元素来标记强调。
<p>I am <em>glad</em> you weren't <em>late</em>.</p>在HTML中我们用<strong> (strong importance) 元素来标记口语中的重音强调。
<p>This liquid is <strong>highly toxic</strong> —
if you drink it, <strong>you may <em>die</em></strong>.</p>斜体字、粗体字、下划线...
迄今为止我们已经讨论的元素都是意义清楚的语义元素。<b>, <i>, 和 <u> 的情况却有点复杂。它们出现于人们要在文本中使用粗体、斜体、下划线但CSS仍然不被完全支持的时期。像这样的元素，仅仅影响表象而且没有语义，被称为表象元素（presentational elements）并且不应该再被使用。
这里是最好的经验法则：如果没有更合适的元素，那么使用 <b>、<i> 或 <u> 来表达传统上的粗体、斜体或下划线表达的意思是合适的。
<i>被用来传达传统上用斜体表达的意义：外国文字，分类名称，技术术语，一种思想……<b>被用来传达传统上用粗体表达的意义：关键字，产品名称，引导句……<u>被用来传达传统上用下划线表达的意义：专有名词，拼写错误……
<!-- 学名 -->
<p>
红喉北蜂鸟（学名：<i>Archilocus colubris</i>）
是北美东部最常见的蜂鸟品种。
</p>
<!-- 舶来词 -->
<p>
菜单上有好多舶来词汇，比如 <i lang="uk-latn">vatrushka</i>（东欧乳酪面包）,
<i lang="id">nasi goreng</i>（印尼炒饭）以及<i lang="fr">soupe à l'oignon</i>（法式洋葱汤）。
</p>
<!-- 已知的错误书写 -->
<p>
总有一天我会改掉写<u style="text-decoration-line: underline; text-decoration-style: wavy;">措字</u>的毛病。
</p>
<!-- 在一组指令中突出显示关键字 -->
<ol>
<li>
<b>切</b>下两片面包，
</li>
<li>
在两片面包中间<b>夹入</b>一片西红柿和一片生菜叶。
</li>
</ol>