HTML Quotations


🔹 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.


Go Back Top