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
| 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. |
It inserts quotation marks on whatever written between the <q> and </q> element. It is used for short inline quotations
HTML Quotation Tag
<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
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
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.
<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
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.
<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
The Address element defines contact information (author/owner) of a document or article.
Written by M.S.DhoniVisit 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.
<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 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.
<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
Browser Support
 Edge |
 Chrome |
 Firefox |
 Opera |
 Safari |
|
|---|---|---|---|---|---|
All Tags |
Color Picker
List of color names supported by all browser »
Character Code
List of character codes to display special character »
Language Code
List of all language supported by all browser »
Country Code
List of Country code supported by all browser »
link-colors
BootStrap Snippets
JS Keywords
Form Events
CSS Navbar
JS Objects
Cookies
Forms
Icons
Buttons
Progress
Footer
Errors
Hosting 90% oFF
