html
/

HTML Quotations: Displaying Quotes and References

Last Sync: Today

On this page

10
0%
5 min read
Remaining
5 minleft

Click any section to jump — progress syncs automatically

html

HTML Quotations: Displaying Quotes and References

What are HTML Quotations?

HTML quotation elements are used to define quotes, references, and abbreviations in a structured and semantic way.

Blockquote (Long Quotes)

The <blockquote> tag is used for long quotations, usually displayed as a block with indentation.

HTMLRead-only
1
<blockquote>
  This is a long quotation from another source.
</blockquote>

Inline Quotes (q)

The <q> tag is used for short inline quotations.

HTMLRead-only
1
<p>He said, <q>Hello World</q></p>

Cite (Reference)

The <cite> tag is used to reference the title of a work such as a book, movie, or article.

HTMLRead-only
1
<p><cite>Harry Potter</cite> is a famous book.</p>

Abbreviation (abbr)

The <abbr> tag defines abbreviations and shows the full form when hovered.

HTMLRead-only
1
<p><abbr title="HyperText Markup Language">HTML</abbr> is used for web pages.</p>

Address Tag

The <address> tag is used for contact information, usually displayed in italics.

HTMLRead-only
1
<address>
  Written by John Doe<br>
  Visit us at example.com
</address>

Bidirectional Override (bdo)

The <bdo> tag overrides text direction.

HTMLRead-only
1
<bdo dir="rtl">This text is reversed</bdo>

Best Practices

  • Use blockquote for long quotes
  • Use q for short inline quotes
  • Use cite for references properly
  • Provide title for abbr
  • Use semantic tags instead of styling only

Common Mistakes

  • Using blockquote for styling instead of quotes
  • Missing title in abbr
  • Overusing quotation tags unnecessarily
  • Incorrect nesting of tags

Conclusion

HTML quotation elements help structure quotes and references semantically, improving readability and accessibility.

Try it yourself

<p>He said, <q>Hello World</q></p>
<blockquote>This is a quote</blockquote>

Test Your Knowledge

Q1
of 3

Which tag is used for long quotes?

A
<q>
B
<quote>
C
<blockquote>
D
<cite>
Q2
of 3

Which tag is used for inline quotes?

A
<blockquote>
B
<q>
C
<cite>
D
<abbr>
Q3
of 3

Which tag shows abbreviation full form?

A
<abbr>
B
<cite>
C
<address>
D
<bdo>

Frequently Asked Questions

What is blockquote used for?

It is used for long quotations.

What is the difference between q and blockquote?

q is for inline quotes, blockquote is for block-level quotes.

Why use abbr?

It provides full meaning of abbreviations on hover.

Previous

html entities

Next

html block inline

Related Content

Need help?

Explore our comprehensive docs or start a chat with our tech experts.