Quotations (<blockquote>, <q>)
Posté 2024-08-29 02:08:24
0
10KB
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.
Rechercher
Catégories
- Technology
- Éducation
- Business
- Music
- Got talent
- Film
- Politics
- Food
- Jeux
- Gardening
- Health
- Domicile
- Literature
- Networking
- Autre
- Party
- Religion
- Shopping
- Sports
- Theater
- Wellness
Lire la suite
Business Success is a Marathon, Not a Sprint
Strategies for Thriving in Today’s Fast-Paced Environment
In the fast-paced world of...
Transform Someone’s Day with a Good Deed
The Ripple Effect of Kindness
In a world that often feels fast-paced and self-centered, the...
Web Design Tools and Technologies
Web Design Tools and Technologies
Web design has evolved dramatically over the past few decades,...
Israeli Defense Minister Cancels Visit with Pentagon Chief Amid Rising Tensions
Tel Aviv, October 9, 2024 – In a significant development, Israeli Defense Minister...
S.4 PHYSICAL EDUCATION MOCK EXAM
https://acrobat.adobe.com/id/urn:aaid:sc:EU:ec617028-2a6c-4082-b406-54df86b57b55