如何使用 HTML 向网页添加引用和引用？

引言

在网页上添加引用和引用可以帮助你更好的构建你的页面，给读者更好的阅读体验。这篇文章将介绍如何使用 HTML 添加引用和引用。

引用

HTML 中的引用使用 <blockquote> 标签来实现。下面是一个例子：

<blockquote>
  <p>这是一段引用文本。</p>
</blockquote>

在上面的例子中，<blockquote> 标签用于包裹引用文本段落，并将文本段落整体缩进。

如果你想对引用进行一些风格上的调整，可以使用 CSS 覆盖样式。例如，可以添加样式类到 blockquote 标签上：

<blockquote class="fancy-quote">
  <p>这是一段引用文本。</p>
</blockquote>

然后在 CSS 文件中添加样式：

.fancy-quote {
  border-left: 3px solid #ccc;
  margin: 1em 0;
  padding: 0 1em;
}

引用

HTML 中的引用使用 <q> 标签来实现。下面是一个例子：

<p>这是一段包含引用的文本。引用的作者是 <q>John Smith</q>。</p>

在上面的例子中，<q> 标签用于包裹引用的文本，浏览器会自动在引用的前后添加引号。

如果你想对引用的样式进行调整，可以使用 CSS 覆盖样式。例如，可以添加样式类到 q 标签上：

<p>这是一段包含引用的文本。引用的作者是 <q class="fancy-quote">John Smith</q>。</p>

然后在 CSS 文件中添加样式：

.fancy-quote {
  font-style: italic;
  color: #999;
}

结论

使用 HTML 的 <blockquote> 和 <q> 标签可以很方便地向网页添加引用和引用。给定样式和文本可以大大改善阅读体验。