Learn HTML – Part 12 – blockquote Tag – Quoting External Content
The HTML blockquote tag is used to display long quotations from another source.
It is commonly used to highlight quoted text such as famous sayings, references, or citations.
What is the blockquote Tag?
The blockquote tag represents a section of text that is quoted from another source.
Browsers usually display blockquote content with indentation or special styling.
Basic Syntax
<blockquote>
This is a quoted text from another source.
</blockquote>
Example – Quoting a Statement
<blockquote>
The best way to predict the future is to create it.
</blockquote>
Output:
The best way to predict the future is to create it.
Using the cite Attribute
The cite attribute can be used to specify the source of the quotation.
<blockquote cite="https://example.com">
Learning never exhausts the mind.
</blockquote>
This attribute helps identify the origin of the quote.
blockquote vs q – Key Difference
| Tag | Usage | Display |
|---|---|---|
blockquote | Long quotations | Displayed as a separate block |
q | Short quotations | Displayed inline within text |
Common Use Cases
- Quoting famous statements
- Referencing external sources
- Displaying testimonials
- Highlighting citations in articles
Good developers never stop learning.
Common Mistakes Beginners Make
- Using blockquote only for styling text
- Forgetting to include the source of the quote
- Using it for short inline quotes instead of the
qtag
Conclusion
The HTML blockquote tag is used to display long quotations from external sources.
It helps structure quoted content properly and improves readability and accessibility.
What’s Next?
Now that you understand the blockquote tag, the next step is learning about the abbr tag, which is used to define abbreviations in HTML.
Next: Learn HTML – Part 13 – abbr Tag – Marking Abbreviations →
Series: Learn HTML Series
