How to create a Bibliography with HTML?

HTML Web Development Front End Technology

Bibliography is a list of the written sources of information on a subject. We use <cite> tag in HTML, to create a bibliography section. The <cite> tag defines the work on a subject. The <cite> tag is also used to add work title a song, a painting, a movie, etc. It indicates citation and whatever comes inside the tag represents work title.

The text between the <cite> tag renders in italic format.

We use <ol> tag to list the items and <cite> tag to add the title of the subject.

Syntax

Following is the syntax for the <cite> tag.

<cite> Work title</cite>

Example 1

Given below is an example for the <cite> tag.


<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
   <ol type="1">
      <cite>Tutorialspoint Employees</cite>
      <li style="padding-left:30px ">Abdul</li>
      <li style="padding-left:30px ">Jason</li>
      <li style="padding-left:30px ">Yadav</li>
   </ol>
   <ol type="1">
      <cite>Tutorix Employees</cite>
      <li style="padding-left:30px ">Sai Teja</li>
      <li style="padding-left:30px ">Akshaj</li>
      <li style="padding-left:30px ">Tharun</li>
   </ol>
</body>
</html>

Following is the output for the above example program.

Example 2

Another example to add bibliography to a document using HTML is as follows −


<!DOCTYPE html>
<html>
<head>
   <title>Bibliography</title>
</head>
<body>
   <h1>Bibliography</h1>
   <ol>
      <li>
         <p>E.Balagurusamy, <cite>Programming with JAVA: A Primer</cite>, 3rd edition, (2007)</p>
      </li>
      <li>
         <p>Reto Meier, <cite>Professional Android 4 Application Development</cite>, 3rd edition, (2012)</p>
      </li>
   </ol>
</body>
</html>

Lokesh Badavath

Updated on: 18-Oct-2022

2K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started