HTML Basics
HTML Quotations
HTML provides special tags to mark up quotes, citations, and abbreviations so browsers and screen readers understand their meaning.
Block Quotations
The blockquote element marks a longer quotation taken from another source. Browsers usually indent it. Use the cite attribute to point to the source URL.
<blockquote cite="https://example.com">
The only way to do great work is to love what you do.
</blockquote>Inline Quotations
The q element marks a short inline quote. Browsers automatically add quotation marks around it.
<p>She said <q>learning HTML is easy</q> and she was right.</p>Citations and Abbreviations
| Tag | Purpose | Example |
|---|---|---|
| <cite> | Title of a creative work | <cite>The Great Gatsby</cite> |
| <abbr> | An abbreviation, with a title tooltip | <abbr title="World Wide Web">WWW</abbr> |
| <bdo> | Overrides text direction | <bdo dir="rtl">Reversed</bdo> |
ℹ️
Using the correct semantic tag, rather than just adding quote characters yourself, helps screen readers announce quotes properly and lets you style them consistently with CSS.