介绍
本实验将向你介绍 HTML 中的 <cite>
标签,该标签用于以不同于普通文本的格式显示引用。在本实验中,你将学习如何在 HTML 文档中使用 <cite>
标签以及 <blockquote>
标签来引用引文的作者。
注意:你可以在
index.html
中练习编码,并学习如何在 Visual Studio Code 中编写 HTML。请点击右下角的 'Go Live' 以在端口 8080 上运行 Web 服务。然后,你可以刷新 Web 8080 标签以预览网页。
本实验将向你介绍 HTML 中的 <cite>
标签,该标签用于以不同于普通文本的格式显示引用。在本实验中,你将学习如何在 HTML 文档中使用 <cite>
标签以及 <blockquote>
标签来引用引文的作者。
注意:你可以在
index.html
中练习编码,并学习如何在 Visual Studio Code 中编写 HTML。请点击右下角的 'Go Live' 以在端口 8080 上运行 Web 服务。然后,你可以刷新 Web 8080 标签以预览网页。
<cite>
元素要使用 <cite>
元素,必须将其包含在你的 HTML 文档中。以下是所需的语法:
<cite> ... </cite>
<cite>
元素中添加内容要显示引用,需要将引用的内容嵌入到 <cite>
标签中。
<cite>The text to be cited</cite>
<blockquote>
和 <cite>
元素为了引用引文的作者,我们可以将 <blockquote>
标签与 <cite>
标签结合使用。
<blockquote>
"The text to be quoted."
<cite>Author Name</cite>
</blockquote>
注意:引用的文本用引号包裹,作者的名字则用 <cite>
标签包裹。
<cite>
标签应用 CSS默认情况下,<cite>
标签内的文本会以斜体显示。我们还可以为 <cite>
标签应用额外的 CSS 样式,以改变引用的外观。以下是一个示例:
<style>
cite {
color: blue;
font-size: 1.2em;
}
</style>
<blockquote>
"The text to be quoted."
<cite>Author Name</cite>
</blockquote>
在本实验中,我们学习了如何使用 HTML <cite>
标签以不同于普通文本的格式显示引用。我们还学习了如何在 HTML 文档中将 <cite>
标签与 <blockquote>
标签结合使用,以引用引文的作者。最后,我们讨论了如何为 <cite>
标签应用 CSS 样式,以改变引用的外观。