HTML - <cite> 标签



HTML <cite> 标签用于标记被引用的创意作品的标题。它提供对创意作品、引用内容、书籍、网站、研究论文、博客文章、绘画等的参考或标题。<cite>标签之间编写的文本在浏览器中以斜体形式呈现,并且可以使用 HTML 文档中的 CSS 来覆盖。

语法

<cite>...</cite>

属性

HTML cite 标签支持 HTML 的全局事件属性。

HTML cite 标签示例

在下面的示例中,我们将看到 cite 元素的用法,我们将看到 cite 标签的正常影响,以及在没有任何额外样式的情况下文本的外观。在另一个示例中,我们将根据需要装饰 cite 元素。

指定 cite 元素

在下面的示例中,我们正在创建一个 HTML 文档并使用 <cite> 标签来定义图像。它将生成一个输出,其中包含图像以及在网页上显示的文本。

<!DOCTYPE html>
<html>
<body>
   <ul>
      <img src=
"https://tutorialspoint.com/market/public/assets/images/logo.png?v=0.1" />
      <p>This logo Created by the <cite>Tutorialspoint</cite>
      </p>
   </ul>
</body>
</html>

使用内联 CSS 样式化 cite 元素

考虑另一种情况,我们将使用带有内联 CSS 样式的 cite 标签。

<!DOCTYPE html>
<html>
<style>
    cite{
        border: 1px solid lightgray;
        padding: 3px;
        border-radius: 5px;
        background-color: gray;
        margin: 2px;
    }
</style>
<body>
    <figure>
        <h2>TutorialsPoint Pvt Ltd</h2>
        <figcaption>Fist Choice on Tutorials:<cite>
         <a href="https://tutorialspoint.com">TutorialsPoint</a>
      </cite>Simply Easy Learning </figcaption>
    </figure>
</body>

</html>

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
cite
html_tags_reference.htm
广告