HTML Quotation Tags

HTML provide two tags for including quotations in your content:

<blockquote> for long, block-level quotes
<q> for short, inline quotes

Why use Quotation Tags?

Adds semantic meaning to your content
Improves SEO and accessibility
Makes it easier to cite sources

Basic syntax:

Block Quote

				
					<blockquote cite="https://example.com">
  This is a block-level quote from an external source.
</blockquote>

Inline Quote

				
					<p>He said, <q cite="https://example.com">The unexamined life is not worth living.</q></p>

Both <bloclquote> and <q> support the cite attribute:

cite: URL pointing to the source of the quote

Styling with CSS

You can style quotations to fit your site’s design:

				
					blockquote {
  border-left: 4px solid #ccc;
  margin: 1em 0;
  padding-left: 1em;
  color: #555;
  font-style: italic;
}

q {
  quotes: "“" "”";
}

Conclusion

Use:

<blockquote> for longer, stand-alone quotations
<q> for brief, inline quotes

These tags improve structure, readability, and SEO-making your web content more effective and meaningful.