Quotations (<blockquote>, <q>)
Posted 2024-08-29 02:08:24
0
6K

Quotes are used to display text that is a direct quote from another source. In HTML, there are two main elements for this purpose: <blockquote>
and <q>
.
<blockquote>
Element
The <blockquote>
element is used for long, multi-line quotes. It typically includes a block-level quote with indentation and a different background color.
Example:
HTML
<blockquote>
The only way to do great work is to love what you do. If you haven't found it yet, keep looking. Don't settle.
<cite>Steve Jobs</cite>
</blockquote>
Attributes:
cite
: Specifies the URL of the original source.cite-title
: Specifies the title of the original source.
<q>
Element
The <q>
element is used for short, inline quotes. It is often used for quotes within paragraphs or other inline content.
Example:
HTML
<p>As Einstein said, "<q>Imagination is more important than knowledge.</q>"</p>
Attributes:
cite
: Specifies the URL of the original source.
Choosing the Right Element:
- Use
<blockquote>
for long, multi-line quotes that stand out from the main content. - Use
<q>
for short, inline quotes that are part of the flow of the text.
Additional Considerations:
- You can nest quotes within quotes using both elements.
- For more complex quote formatting, consider using CSS styles.
By using <blockquote>
and <q>
, you can effectively display quotes in your HTML documents, giving proper attribution to the original source and improving the readability of your content.

Search
Categories
- Technology
- Education
- Business
- Music
- Got talent
- Film
- Politics
- Food
- Games
- Gardening
- Health
- Home
- Literature
- Networking
- Other
- Party
- Religion
- Shopping
- Sports
- Theater
- Wellness
Read More
Managing Neuropathy: Proven Therapies for Nerve Pain Relief
Nerve pain, also known as neuropathic pain, can be a debilitating condition that significantly...
SELF AWARENESS FOR TEENAGERS
SELF AWARENESS FOR TEENAGERS
Why Your Business Needs IT Services
Businesses often hesitate to hire IT services, considering them a high-cost investment. However,...
Using the <span> Tag for Styling
The <span> tag is a generic HTML element that is often used to group inline elements...
Modalert: Your Key to Enhanced Cognitive Function
In our quick-moving world, keeping up with ideal mental capability is fundamental for outcome in...