HTML - <cite> Tag

The HTML <cite> tag is used to mark up the title of a cited creative work. It provides a reference or title to a creative work, quoted content, books, a website, a research paper, a blog spot, a painting, etc.

To include a reference to the source of quoted material that is contained within a <blockquote> or <q> element, use the cite attribute on the element.

The content written between <cite> tag renders in the italic form on the browser, and it can be overridden using CSS in your HTML document.

Syntax

Following is the syntax of <cite> tag −

<cite>...</cite>

Example

In the following example, we’re creating an HTML document and using the <cite> tag to define the image, as follows − 

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

When we run the above code, it will generate an output consisting of the image along with a text displayed on the webpage.

Example

Considering the another scenario, where we are going to use the cite tag.

<!DOCTYPE html>
<html>
<body>
   <figure>
      <h2>tutorialspoint Pvt Ltd</h2>
      <figcaption>First sentence in <cite>
         <a href="http://www.tutorialspoint.com">tutorialspoint</a>
      </cite> by tutorialspoint is learning is simple. </figcaption>
   </figure>
</body>
</html>

On running the above code, the output window will pop up displaying the text on the webpage.

html_tags_reference.htm
Advertisements