HTML blockquote Tag

The <blockquote> tag in HTML is used to indicate that a section of text is a block quotation. It is commonly used to display quoted content from another source within a document. The <blockquote> tag helps visually distinguish the quoted text from the surrounding content.

Here’s an example usage of the <blockquote> tag:

<blockquote>
     <p>This is a block quotation.</p>
     <p>It can span multiple paragraphs.</p>
</blockquote>

In the example above, the <blockquote> tag is used to enclose the block quotation. The content within the <blockquote> tag consists of one or more paragraphs (<p> tags in this case). The browser will typically render the block quotation with an indentation or a distinct visual style to differentiate it from the surrounding text.

You can also include other HTML elements within the <blockquote> tag, such as headings, lists, or even nested block quotes, depending on the structure and content of the quotation.

Additionally, the <blockquote> tag supports the following attributes:

cite: This attribute is used to specify the source or reference of the quotation. It should contain a URL that points to the original source. For example:

<blockquote cite="https://www.example.com/quote-source">
     <p>This is a block quotation.</p>
</blockquote>

Remember that the appearance of the <blockquote> element can be modified using CSS. You can apply custom styles to the <blockquote> tag or its child elements to achieve the desired visual presentation.

Overall, the <blockquote> tag provides a semantic way to mark up block quotations in HTML, making it easier for browsers and assistive technologies to identify and present quoted content appropriately.