Quotations (<blockquote>, <q>)

0
10كيلو بايت

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.

Like
3
البحث
الأقسام
إقرأ المزيد
Technology
Role of Business Information Systems (BIS) in Various Business Functions
Business Information Systems (BIS) play a crucial role in enhancing the efficiency and...
بواسطة Business Information Systems (BIS) Course 2024-08-01 17:02:21 0 13كيلو بايت
Computer Programming
HTML Headings (<h1> to <h6>)
HTML headings are used to define headings and subheadings on a web page. They provide structure...
بواسطة HTML PROGRAMMING LANGUAGE 2024-08-15 01:17:39 0 9كيلو بايت
Politics
Putin in Mongolia, no arrest made - ablow to ICC
Russian President Vladimir Putin recently visited Mongolia, marking his first trip to a member...
بواسطة Mpatswe Francis 2024-09-03 20:32:28 0 10كيلو بايت
Computer Programming
Constructors, Interfaces, and Memory
While Python has some similarities to other languages regarding these concepts, it also has some...
بواسطة Python for Everybody - Full University Python Course Code 2024-07-19 00:05:13 0 13كيلو بايت
Technology
S5 KABS ICT RESOURCE 2023
S5 KABS ICT RESOURCE 2023
بواسطة ICT TUTORIALS 2024-11-16 02:25:05 0 20كيلو بايت
Talksphare https://talksphare.com