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

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
Dictionaries
Dictionaries are another fundamental data structure in Python used for storing collections of...
Role of Business Information Systems (BIS) in Various Business Functions
Business Information Systems (BIS) play a crucial role in enhancing the efficiency and...
Immigration timeline 1849-1924
1849: America’s first anti-immigrant political party, the Know-Nothing...
HTML Table Headers: A Comprehensive Guide
HTML table headers are used to define the columns or rows of a table. They are typically styled...