HTML Citations Quotations and Definitions

Here you will learn about Citations, Quotations, and Definitions in HTML. Let's start with citations in HTML

HTML Citations

A citation is used to display the text in a format that is different from the normal text. The text embedded within the citation element is normally displayed in an italic form. A citation is normally required to quote the statements or remarks of an author. The citation element is defined by an opening <CITE> tag and a closing </CITE> tag.

Example

HTML <cite> element is used to specify the work's title in an HTML document. Here is an example:

<!DOCTYPE html>
<html>
<head>
   <title>HTML Citation Example</title>
</head>
<body>

<img src="img1.jpg" width="150" height="70" alt="citation">
<p><cite>HTML Citation</cite> - This is HTML Citation Example</p>

</body>
</html>

Here is the sample output produced by the above HTML citation example code:

HTML Quotations

The quotation tag is used to quote the text within the quotation marks. You should note that quotation marks are used when you reproduce someone else's statement in your document. The quotation tag is starts with an opening tag <Q> and ends with a closing tag </Q>

To learn more about HTML Quotations, then refer to HTML Quotations tutorial.

HTML Definitions

The definition element is used to list the definition of various terms. The definition tag is composed of the following three tags :

DL - Represents a definition list that is used to list the number of definitions
DT - Represents the terms in a definition
DD - Represents the definitions of the terms

HTML Citations, Quotations, and Definitions Attributes

The following table contains the attributes for citation, quotations, and definitions tags :

Attribute	Purpose
class	Defines the name of element
dir	Defines the direction of the paragraph written from left to right or from right to left
id	Defines the value of id
lang	Defines the language in which the paragraph is writte
style	Defines an inline style of the element
title	Provides an extra information about the element
Onclick	Performs an action on a mouse click
Ondblclick	Performs an action on a double-click
Onkeydown	Performs an action on pressing of a key
Onkeypress	Performs an action when the mouse is clicked and released
Onkeyup	Performs an action when a key is released
Onmousedown	Performs an action on pressing of a mouse button
Onmousemove	Performs an action on the movement of a mouse pointer
Onmouseout	Performs an action when the mouse pointer moves out of the element
Onmouseover	Performs an action when the mouse pointer moves over the element
Onmouseup	Performs an action when mouse button is released

HTML Online Test

« Previous Tutorial Next Tutorial »

Like/Share Us on Facebook 😋