🍣 HTML 文本元素
# HTML 标题
HTML 标题是通过 <h1> ～ <h6> 等标签进行定义的。
- 一些浏览器会自动在标题前后后添加 换行；
- 默认情况下 HTML 会自动 在块级元素添加额外的的空行，例如段落、标题前后。
🌰 例子：
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
2
3
# HMTL 水平线 <hr / >
在 HTML 页面中创建水平线，用于分割内容。
🌰 例子：
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
2
3
4
5
# <p> 标签
对于普通的文本可以使用 <p></p> 包含。
<p>something about women</p>
# 文本格式化标签
# 斜体
<em> 和 <i> 的区别：
<!-- emphasis -->
<p>I think you <em>should</em> do it.</p>
<!-- foreign language phrases -->
<p>that old <i>cliché</i> 'a woman's place is in the home'</p>
2
3
4
5
<i> 元素标签由于某种原因可以在文本范围中区别于正常文本，例如技术术语、外语短语或角色想法。它通常以斜体显示。
# 加粗
<strong> / <b> 的区别：
虽然
<strong>和<b>效果相同，但语义不同。
<b>和<i>是视觉要素（presentationl elements），分别表示无意义的加粗，无意义的斜体。
<em>和<strong>是表达要素 (phrase elements)。但这时的<strong>表示 html 页面上的强调（emphasized text），<em>表示句子中的强调（即强调语义）
# 缩小文字
<small> 此元素代表旁注和小字体，例如版权和法律文本。与普通文本相比，它使内容更小。
<p>Check out this Offer!
<small>Terms and conditions apply.</small>
</p>
2
3
# 换行
<p></p> 元素中，允许在段落中创建换行符 <br/> 。它对于写一首诗或写地址很有用，行的划分很重要。
🔗 链接：[更多文本格式化标签](HTML 文本格式化 (w3school.com.cn) (opens new window))
# HTML 引用
使用 <q> 标签定义 短的引用元素。通常浏览器会自动包围引号。
🌰 例子：
使用 <blockquote> 定义被引用的节段。通常浏览器会对该元素进行 缩进 处理。
🌰 例子：
使用 <abbr> 定义 缩略词 元素；
🌰 例子：
使用 <dfn> 定义 项目或者缩写的定义 元素；
- 如果 设置了
<dfn>的title元素，定义的是项目； - 如果
<dfn>元素包含具有标题的<abbr>元素，则title定义项目： - 否则
<dfn>的文本内容是项目，父元素包含定义。
🌰 例子 / 项目：
🌰 例子 / title 定义项目：
🌰 例子 / 文本内容是项目，父元素包含定义：
使用 <address> 定义文档或者文章作者的联系方式。此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。
使用 <cite> 定义著作的标题。通常以 斜体 显示。
🌰 例子：