Home » HTML » HTML Quote

HTML Quotation

HTML quotes are used to put a short quotation on your website. To do so, you need to use HTML <q> tag and HTML <blockquote> tag.

HTML Quotation and Citation Tags

Tags Description
<q> It is used to put the small quotations.
<blockqoute> It is used to define a section that is quoted from another source.
<abbr> It defines the abbreviation or an acronym.
<address> It is used to define the contact information of the document writer.
<cite> It defines the title of work.
<bdo> It defines the direction of the text.

HTML Quotation

It inserts quotation marks on whatever written between the <q> and </q> element. It is used for short inline quotations

HTML Quotation Tag


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Quotation Tag </title>
</head>
<body>
<p> Apple was founded by Steve Jobs, Steve Wozniak and Ronald Wayne in <q>April 1976.</q> </p>
</body>
</html>

Output

HTML Quotation Tag Examples

Apple was founded by Steve Jobs, Steve Wozniak and Ronald Wayne in April 1976.


HTML Blockquote

HTML <blockquote> tag is used to define a large quoted section. It can quote multiple lines together.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Blockquote Tag </title>
</head>
<body>
<p>Read this inspirational story</p>
<blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</blockquote>
</body>
</html>

Output

HTML Blockquote Tag Examples

Read this inspirational story

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

HTML Abbreviation

The HTML <abbr> element defines an abbreviation or an acronym. Abbreviations give useful information to browsers, translation systems and search-engines.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Abbreviations Tag </title>
</head>
<body>
<p>The <abbr title="Hyper Text Markup Language"> HTML</abbr> is used for creating web pages. </p>
<p>The <abbr title="Cascading Style Sheets"> CSS</abbr> is used to define styles for web page. </p>
</body>
</html>

Output

HTML Abbreviations Tag Examples

The HTML is used for creating web pages.

The CSS is used to define styles for web page.


HTML Address

The HTML <address> tag defines contact information (author/owner) of a document or an article. Marking address can give useful information to browsers, translation systems and search-engines.

The <address> element is usually displayed in italic.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML address Tag </title>
</head>
<body>
<p>The Address element defines contact information (author/owner) of a document or article.</p>
<address>
Written by M.S.Dhoni<br>
Visit us at:<br>
xyz.com<br>
Block 786, Mumbai<br>
India
</address>
</body>
</html>

Output

HTML address Tag

The Address element defines contact information (author/owner) of a document or article.

Written by M.S.Dhoni
Visit us at:
xyz.com
Block 786, Mumbai
India

HTML Citation

The HTML <cite> element defines the title of a work. <cite> elements are usually displayed in italic.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML cite Tag </title>
</head>
<body>
<img src="PUBG.png" width="600" height="350" alt="HTML">
<p><cite>HTML</cite> Hypertext Markup Language </p>
</body>
</html>

Output

HTML cite Tag HTML
HTML Hypertext Markup Language

HTML Bdo

The HTML <bdo> element defines bi-directional override. The <bdo> element is used to change the current text direction. See the example to understand it properly.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> HTML Bi-Directional (Bdo) Tag </title>
</head>
<body>
<bdo dir="rtl"> This line is written from right to left. </bdo>
</body>
</html>

Output

HTML Bi-Directional (Bdo) Tag Examples This line is written from right to left.

Browser Support

Element
Microsoft Edge browser.png Edge
Chrome browser.png Chrome
Firefox browser.png Firefox
Opera browser.png Opera
safari browser.png Safari
All Tags
Yes
Yes
Yes
Yes
Yes











Follow Us: