Academy HTML CSS JavaScript TypeScript SQL MongoDB Python NumPy Pandas PHP Java C C++ C# Bootstrap Tailwind CSS jQuery React Vue.js Node.js Git
❮ ❯

HTML Quotations

Quotes, abbreviations, addresses and citations.

✍️ 3 exercises + code challenge in this lesson
❮ Previous Next ❯

These elements mark up quotations and related content:

  • <blockquote> a long quotation from another source, usually indented.
  • <q> a short inline quotation; the browser adds quote marks.
  • <abbr> an abbreviation; the title shows the full form.
  • <address> contact information.
  • <cite> the title of a creative work.

Key Takeaways: HTML Quotations

Mastering HTML Quotations helps you write clean and reliable HTML code. Follow standard conventions, test edge cases, and keep logic simple. Try running the code example below and complete the exercises to build confidence.

HTML Quotations Code Example

HTML 
<blockquote cite="https://example.com">
  Good code is its own best documentation.
</blockquote>

<p>Our motto is <q>Build, Consult, Innovate</q>.</p>
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

<address>
  CodesInTech<br>
  Islamabad, Pakistan
</address>

<p><cite>The Pragmatic Programmer</cite> is a classic book.</p>
Free sign-in required · Google login available

HTML Quotations Practice Exercises

Check what you learned in “HTML Quotations”.

/ 3 solved
Fill in the blank

Use the element for a short inline quotation.

<p>Our motto is <>Build, Consult, Innovate</>.</p>
✓ Correct! Not quite. Try again.
Multiple choice

Which element defines an abbreviation, with the full form in its title attribute?

✓ Correct! Not quite. Try again.
Code challenge

Wrap the quote in a <blockquote> element.

Write the code in the live editor. Your answer is checked automatically.

Free sign-in required · Google login available

to save your exercise progress.
Finished this lesson?
Mark it complete to track your progress.
❮ Previous
HTML Text Formatting
Next ❯
HTML Comments

Stuck on something?

Ask the community in the CodesInTech forum.

Need a developer?

Learning on your own is great — and when you need professional help, our team builds custom software, websites and mobile apps for clients worldwide.

Explore Our Services