The <cite> tag in HTML is used to define the title of a work. The <cite> tag in HTML 4.1 defines the citation and in HTML5 defines the title of the work. It displays the text in italic format.
The text inside the <cite> tag is generally rendered in italic form. The <cite> element in HTML is like a special tag that shows the names of books, songs, poems, and other things we talk about on the web.
Titles can take various forms, such as poems, musical scores, songs, plays, paintings, films, scientific journal articles, and more.
Syntax:
<cite> Title.. </cite>Example 1: In this example, we will see the implementation of a cite tag with the help of an example.
<!DOCTYPE html> <html>
<body>
<h1 style="color: green;">GeeksforGeeks</h1>
<h2>HTML cite Tag</h2>
<p>This is normal paragraph text</p>
<cite>This is cite tag text</cite>
</body>
</html>
|
Output:
Example 2: In this example, we will see the implementation of a cite tag with some CSS with the help of an example.
<!DOCTYPE html> <html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>cite Tag Example</title>
<style>
body {
background-color: #f4f4f4;
text-align: center;
}
p {
font-size: 16px;
color: #333;
}
cite {
display: inline-block;
background-color: #ffe4e1;
border: 1px solid #968b90;
padding: 5px;
border-radius: 4px;
margin-top: 10px;
font-style: italic;
color: #f847a5;
}
</style>
</head>
<body>
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>cite Tag Example</h2>
<p>This is a normal paragraph text</p>
<!-- HTML cite tag starts here -->
<cite>This is cite tag text</cite>
<!-- HTML cite tag ends here -->
</body>
</html>
|
Output:
Supported Browsers:
- Google Chrome 1 and above
- Edge 12 and above
- Firefox 1 and above
- Opera 15 and above
- Safari 4 and above