How to create a Bibliography with HTML?

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.


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>