HTML - <cite> Tag

Quiz

Introduction to <cite> Tag

The HTML <cite> tag is used to represent the title of a work, such as a book, poem, movie or any other creative work. When this tag is invoked in a document, it provides a semantic meaning indicating that the text it wraps refers to a cited title. By default, the text inside the <cite> tag is styled in italics by most of the browsers.

The <cite> tag improves the accessibility and structure of the web content particularly for readers.

Syntax

Following is the syntax of HTML <cite> tag −.

<cite>...</cite>

Attributes

HTML cite tag supports Global and Event attributes of HTML.

Example : Citing a Book Title

In the following example, were creating an HTML document and using the <cite> tag to define the image. It will generate an output consisting of the image along with a text displayed on the webpage.

<!DOCTYPE html>
<html>
    <style>
        cite {
            color:#145a32;
        }
    </style>
<body>
<p>The sensational psychological thriller that has readers obsessed, from the New York is <cite>Verity</cite> by Colleen Hoover.</p>
</body>
</html>

Example : Citing a Website

Consider the following example, where we are going to use the <cite> tag tp denote the title of the website.

<!DOCTYPE html>
<html>
    <style>
      cite{
        border: 1px solid lightgray;
        padding: 3px;
        border-radius: 5px;
        background-color: #d5f5e3;
        margin: 2px;
    }
    </style>
<body>
<p>Start Learning the courses by visiting <cite> <a href="http://www.tutorialspoint.com">tutorialspoint</a></cite> today.</p>
</body>
</html>

Supported Browsers

Tag
cite	Yes	Yes	Yes	Yes	Yes

html_tags_reference.htm

Print Page