Open In App

HTML <cite> Tag

Improve
Improve
Like Article
Like
Save
Share
Report

The <cite> tag in HTML is used to define the title of a work. The <cite> tag in HTML 4.1 defines the citation and in HTML5 defines the title of the work. It displays the text in italic format.

The text inside the <cite> tag is generally rendered in italic form. The <cite> element in HTML is like a special tag that shows the names of books, songs, poems, and other things we talk about on the web.

Titles can take various forms, such as poems, musical scores, songs, plays, paintings, films, scientific journal articles, and more.

Syntax: 

<cite> Title.. </cite>

Example 1: In this example, we will see the implementation of a cite tag with the help of an example.

html




<!DOCTYPE html>
<html>
  
<body>
    <h1 style="color: green;">GeeksforGeeks</h1>
    <h2>HTML cite Tag</h2>
    <p>This is normal paragraph text</p>
    <cite>This is cite tag text</cite>
</body>
  
</html>


Output: 

Example 2: In this example, we will see the implementation of a cite tag with some CSS with the help of an example.

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
    <title>cite Tag Example</title>
    <style>
        body {
            background-color: #f4f4f4;
            text-align: center;
        }
  
        p {
            font-size: 16px;
            color: #333;
        }
  
        cite {
            display: inline-block;
            background-color: #ffe4e1;
            border: 1px solid #968b90;
            padding: 5px;
            border-radius: 4px;
            margin-top: 10px;
            font-style: italic;
            color: #f847a5;
        }
    </style>
</head>
  
<body>
  
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
    <h2>cite Tag Example</h2>
  
    <p>This is a normal paragraph text</p>
  
    <!-- HTML cite tag starts here -->
  
    <cite>This is cite tag text</cite>
  
    <!-- HTML cite tag ends here -->
  
</body>
  
</html>


Output:

Screenshot-2023-12-22-104911

Supported Browsers: 

  • Google Chrome 1 and above
  • Edge 12 and above
  • Firefox 1 and above
  • Opera 15 and above
  • Safari 4 and above


Last Updated : 26 Dec, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads