How to mark work title using cite tag in HTML?

HTML Web Development Front End Technology

Work title can be the title for a book, a song, a painting, a movie, etc.

We use <cite> tag, to mark work title in HTML. The <cite> tag indicates citation and whatever comes inside the tag represents work title for specified thing on we page.

Syntax

Following is the syntax for the <cite> tag.

<cite> Work title</cite>

Example

Following is example program for the <cite> tag.


<!DOCTYPE html>
<html>
<head>
   <title>HTML cite tag</title>
</head>
<body>
   <h1>Heading</h1>
   <p>
      Learn Java from <cite>Java The Complete Reference</cite> by Herbert Schildt.
   </p>
</body>
</html>

Example

Following is another example program for the <cite> tag.


<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <p>DLF stands for <cite>Delhi Land and Finance</cite></p>
   <p>Delhi Land and Finance is one of the largest commercial real estate developer in India.</p>
</body>
</html>

Example

Following is one more example program for the <cite> tag.


<!DOCTYPE html>
<html>
<head>
   <title>HTML blockquote tag</title>
   <style>
      blockquote {
         margin-left: 0;
      }
   </style>
</head>
<body>
   <h1>Drupal official website</h1>
   <p>Here is a quotation from Drupal’s official website</p>
   <blockquote cite="http://drupal.org">The Drupal project is open source software.
   Anyone can download, use, work on, and share it with others. It's built on  principles like collaboration, globalism, and innovation.</blockquote>
</body>
</html>