View video tutorial

HTML Quotations

HTML

The HTML tag <blockquote> and <q> define text from another source. The <q> tag is used to define a short, inline quote. The <blockquote> tag is used to indicate a text section that is an extended quote from an external source.

Quote another source


<blockquote> defines a section from another source.

<q> defines a short single line quotation from another source.

Browsers adds quote mark around short quotation.

The HTML <blockquote> tag is a block-level element.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<!DOCTYPE html>
<html>
<head>
    <title>HTML Blockquote Example</title>
</head>
<body>
    <!--Example: Quotation-->
    <h2>Block Quotation</h2>
    <blockquote cite="https://www.huxley.net/bnw/four.html">
        Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin
        literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney
        College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage.
    </blockquote>
    <h2>Short Quotation</h2>
    <p>When Dave asks HAL to open the pod bay door, HAL answers: <q
            cite="https://www.imdb.com/title/tt0062622/quotes/qt0396921">I'm sorry, Dave. I'm afraid I can't do
            that.</q></p>
</body>
</html>
Try it Now »

Click on the "Try it Now" button to see how it works.