• Hajipur, Bihar, 844101

☰
❮
❯

HTML

HTML5 Basics

HTML Styling and Design

HTML Links and Media

HTML Layout and Structure

HTML Forms

HTML Graphics

HTML APIs

HTML Advanced Topics

HTML Quotations

← Previous Next →

🔹 What are HTML Quotations?

HTML provides special tags to quote text, cite sources, and indicate abbreviations or definitions. These tags give context and meaning to quoted or referenced content.

🔹 Common Quotation Tags in HTML

Tag Purpose Example Use
<blockquote> Displays a long quotation (block format) Quoting a paragraph from a source
<q> Short inline quotation Quoting a few words in-line
<cite> Cites a source (books, articles, websites) Indicating where the quote came from
<abbr> Defines an abbreviation e.g., HTML, CSS
<address> Provides contact information Email, physical address, etc.
<bdo> Overrides text direction For right-to-left or left-to-right

🔹 Examples

1. <blockquote> – Block Quote
<blockquote>
  The journey of a thousand miles begins with one step.
</blockquote>

Displays the text indented on a new line.

2. <q> – Inline Quote
<p>He said, <q>Practice makes perfect.</q></p>

Adds quotes around the sentence automatically.

3. <cite> – Citation
<p><cite>The Great Gatsby</cite> by F. Scott Fitzgerald</p>

Usually shown in italic by default.

4. <abbr> – Abbreviation
<p><abbr title="HyperText Markup Language">HTML</abbr> is the standard language of the web.</p>

Displays a tooltip with the full form on hover.

5. <address> – Contact Information
<address>
  Written by John Doe<br>
  Visit us at: www.example.com<br>
  Email: contact@example.com
</address>

Typically rendered in italic and new lines.

6. <bdo> – Bi-directional Override
<bdo dir="rtl">This text is right-to-left.</bdo>

Useful for displaying languages like Arabic or Hebrew.

Practice Questions

Q1. Use <blockquote> to quote a famous proverb.

Q2. Write a sentence with an inline quote using <q>.

Q3. Cite the book "1984" by George Orwell using <cite>.

Q4. Use <abbr> to show the full form of HTML with a tooltip.

Q5. Provide your contact address using the <address> tag.

Q6. Create a <bdo> tag to display text from right to left.

Q7. Combine <q> and <cite> in one sentence.

Q8. Add an <abbr> for "CSS" with its full form.

Q9. Format a paragraph that ends with a cited book title.

Q10. Use <address> to show email and phone number of a person.

HTML Quotations Quiz

Q1: Which tag is used for a long quotation?

A. <quote>
B. <q>
C. <blockquote>
D. <cite>

Q2: Which tag shows quotes inline inside a paragraph?

A. <q>
B. <blockquote>
C. <abbr>
D. <ref>

Q3: What does the <cite> tag represent?

A. Code sample
B. Reference to a source
C. Emphasized text
D. Short quote

Q4: Which tag is used for abbreviations with a tooltip?

A. <abbr>
B. <title>
C. <abbrv>
D. <def>

Q5: What is the purpose of <address> tag?

A. To center text
B. To display a blockquote
C. To define contact information
D. To style text

Q6: What will this display '<abbr title="World Health Organization">WHO</abbr> '?

A. WHO with a bold style
B. WHO with underline
C. WHO with tooltip on hover
D. WHO italicized

Q7: Which tag is used to override text direction?

A. <dir>
B. <bdi>
C. <bdo>
D. <rev>

Q8: What does <bdo dir="rtl"> do?

A. Makes text bold
B. Shows a box
C. Reverses text direction
D. Hides the content

Q9: Which of the following tags is typically rendered in italics by default?

A. <abbr>
B. <address>
C. <div>
D. <span>

Q10: Which tag is best used for citing a book or article?

A. <cite>
B. <source>
C. <q>
D. <note>
← Previous Next →
Login
Go Back Top