Interactive Programming Education Platform

Logic Practice

HTML cite Tag

BLUF: Mastering HTML cite Tag is a fundamental step in becoming a web developer. This guide covers the structure, syntax, and best practices for using this HTML element effectively.

Key Lesson: HTML cite Tag

Web structure starts with solid HTML. Learn how HTML cite Tag contributes to accessible and semantic web pages in the tutorial below.

HTML <cite> tag defines a citation, offering a reference or title to various types of creative works such as quoted content, books, websites, research papers, blog posts, paintings, and more.

The primary function of including the <cite> element is to attribute or specify the origin of the quotation or content.

The text enclosed within the <cite> tag appears in italics when displayed on the web browser, and it is possible to overwrite this style using CSS within your HTML file.

Syntax

Example


<cite>Cited Content.......</cite>

Following are some details regarding the <cite> element:

Display	Inline
Start tag/End tag	Both start and End tag
Usage	textual

Example:

Example


<!DOCTYPE html>

<html>

<head>

	<title>Cite Tag</title>

 </head>

 <body>

 	<h2>Example of cite tag</h2>

	<img src="https://placehold.co/400x300/1abc9c/ffffff?text=Sample+Image" height="150" width="120">

              <p>A famous book:

                <cite> Learning Web Design</cite> written by Jennifer Niederst Robbins

              </p>

 </body>

</html>

Output:

Attribute

Tag-specific attribute

HTML <cite> element does not include any particular attribute.

Global Attribute

HTML <cite> element accommodates all Global attributes available in HTML.

Event Attribute

HTML <cite> element accommodates all Event attributes available in HTML.

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
`<cite>`	Yes	Yes	Yes	Yes	Yes