HTML Quotation elements used to insert quoted text on web pages. The following are a list of quotation elements:
- BlockQuote "<blockquote>".
- Quotation "<q>".
- Abbrevation "<abbr>".
- Address "<address>".
- Citation "<cite>".
- Bi-Directional Override"<bdo>".
HTML Block Quote: <blockquote> element
-
HTML <blockquote> element used to enclosed the text within an extended quotation.
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Blockquote element</title>
</head>
<body>
<h1>Blockquote Element</>
<blockquote>Blockquote has written within an extended quotation</blockquote>
</body>
</html>
<html lang="en">
<head>
<title>HTML Blockquote element</title>
</head>
<body>
<h1>Blockquote Element</>
<blockquote>Blockquote has written within an extended quotation</blockquote>
</body>
</html>
HTML Quotation: <q> element
-
HTML <q> element is used to enclosed the text within an short inline quotation. Latest web browsers display the text in the quotation marks.
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Quotation element</title>
</head>
<body>
<h1>Quotation element</p>
<q>Text will dislayed within a double quote</q>
</body>
</html>
<html lang="en">
<head>
<title>HTML Quotation element</title>
</head>
<body>
<h1>Quotation element</p>
<q>Text will dislayed within a double quote</q>
</body>
</html>
HTML Abbrevation: <abbr> element
-
HTML <abbr> element is an abbrevation or acronym. The title attribute provides an expression for the abbrevation. It will underline with the dotted line for the <abbr> element.
Example:
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Abbrevation element</title>
</head>
<body>
<h1>Abbrevation element</p>
<abbr title="HyperText Markup Language">HTML Stands for</abbr>
</body>
</html>
<html lang="en">
<head>
<title>HTML Abbrevation element</title>
</head>
<body>
<h1>Abbrevation element</p>
<abbr title="HyperText Markup Language">HTML Stands for</abbr>
</body>
</html>
HTML Address: <address> element
- HTML <address> element is used to enclosed the contact information for a person, a people, or an organization.
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Address Element</title>
</head>
<body>
<h1>Address Element</p>
<address>
Visit us:
www.google.com
Menlo park,
California,
United States.
</address>
</body>
</html>
<html lang="en">
<head>
<title>HTML Address Element</title>
</head>
<body>
<h1>Address Element</p>
<address>
Visit us:
www.google.com
Menlo park,
California,
United States.
</address>
</body>
</html>
HTML Citation: <cite> element
-
HTML <cite> element is used to reference to a cited creative work, and it include the title of the work.
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Citation element</title>
</head>
<body>
<h1>Citation Element</p>
<p>visit the site:<cite>www.technoasserts.com</cite></p>
</body>
</html>
<html lang="en">
<head>
<title>HTML Citation element</title>
</head>
<body>
<h1>Citation Element</p>
<p>visit the site:<cite>www.technoasserts.com</cite></p>
</body>
</html>
HTML Bi-Directional Override: <bdo> element
-
HTML <bdo> element is used to change the current text directionality, so that the text rendered in a different direction (from left to right and right to left).
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Bi-Directional Text Override element</title>
</head>
<body>
<h1>Bi-Directional Text Override element</p>
<p dir="ltr">Hyper Text Markup Language</p>
<bdo dir="rtl">egaugnaL pukraM txeT repyH</bdo>
<bdo dir="ltr">egaugnaL pukraM txeT repyH</bdo>
</body>
</html>
<html lang="en">
<head>
<title>HTML Bi-Directional Text Override element</title>
</head>
<body>
<h1>Bi-Directional Text Override element</p>
<p dir="ltr">Hyper Text Markup Language</p>
<bdo dir="rtl">egaugnaL pukraM txeT repyH</bdo>
<bdo dir="ltr">egaugnaL pukraM txeT repyH</bdo>
</body>
</html>
Next Topic: HTML Colors