View video tutorial

HTML Quotations

HTML

<blockquote> and <q> defines text from another 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.

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.