<blockquote>: The HTML Blockquote Element

1 Description

The HTML <blockquote> element is used to enclose an extended quote. <blockquote> elements are typically rendered as a block of text which is indented from the surrounding text. <blockquote> elements may define a 'cite' attribute which contains a url pointing to a webpage that provides further reading or information about the quote.

2 Attributes

Optional/Mandatory Name Default Value Description
Optional cite No default value The cite attribute usually holds a url linking the <blockquote> to a webpage for further reading related to the content of the <blockquote> element.

3 Examples

<!DOCTYPE html>
<html>
    <head>
        <title>Example Page</title>
    </head>
    <body>
        <h1>Example of a Blockquote</h1>
        <p>
            If you study the writings of Confucius you will discover
            that he wrote (or rather his disciples wrote down for him)
            extensively about morality and virtue; particularly how to
            cultivate the content of one's character and become a more
            virtuous person.
        </p>
        <blockquote cite="https://www.confucius.org/lunyu/ed0417.htm">
            "Meet the virtuous and think how to be their match.<br/>
            Meet those not virtuous and examine yourself."<br/>
            Confucius<br/>
            Chapter 4, Verse 17
        </blockquote>
        <p>
            You can see from the quote above that Confucius directs people
            to notice the flaws in others and to correct those flaws in
            yourself. Confucius does not instruct people to proclaim
            loudly when they have spotted a moral flaw in another person
            but rather to correct the behaviour in themselves.
        </p>
        <p>
            Imagine all the arguments that would no longer occur if this
            practice were widely adopted.
        </p>
    </body>
</html>

This document was last updated: