HTML Tutorial
HTML Introduction
HTML Tutorial
HTML Tags
HTML Attributes
HTML Formatting
HTML Heading
HTML Paragraph
HTML Anchor
HTML Image
HTML Table
HTML Fonts
HTML Lists
HTML Ordered List
HTML Unordered List
HTML Description List
HTML Forms
HTML Forms
HTML Input Types
HTML Form Attributes
HTML Tags
HTML Title
HTML Marquee Tag
HTML Code
HTML Quotes
HTML Button Tag
HTML BR Tag
HTML HR Tag
HTML Bold Tag
HTML 5
HTML5 Tutorial
HTML Meter
HTML Article Tag
HTML Footer Tag
HTML Figure Tag
HTML Dialog Tag
HTML 5 Advance
HTML Doctype
HTML Meta Tags
HTML Styles
HTML Scripts
HTML Progress Tag
HTML Symbols
HTML Media
HTML Video Tag
HTML Audio Tag
HTML Youtube Video
HTML 5 Form
HTML Datalist Tag
HTML keygen Tag
HTML output Tag
HTML 5 Graphics
HTML Canvas
HTML SVG
Reading Section
Interview Questions
HTML 5 Quiz
Advertisement
Advertisement
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
Example
Try this code »
<!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>
<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.
Example
Try this code »
<!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.
Example
Try this code »
<!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>
<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.
Example
Try this code »
<!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>
<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.
Example
Try this code »
<!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>
<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.
Example
Try this code »
<!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>
<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 |
Recommended :
