Making a quote

The <q> tag

The <q> tag highlights the quote in the text.

<p>Quote <q>To be or not to be</q> says Hamlet</p>

The browser automatically inserts quotes. If the <html lang = "ru"> tag specifies a language, then the browser substitutes quotes depending on the language. The default quotes are for English.

If necessary, you can specify your quotes.

q:before {
    content: "\00ab";
}

q:after {
    content: "\00bb";
}

Example on JSFiddle

The <cite> tag

The <cite> tag is used when you need to select the source (the name of the creative work).

<p>Quote <q>To be or not to be</q> says Hamlet in the play <cite>Hamlet</cite></p>

Example on JSFiddle

The <blockquote> tag

The <blockquote> tag puts a quote on a separate line.

<blockquote>
    <p>To be or not to be.</p>
    <footer>Play <cite>Hamlet</cite></footer>
</blockquote>

Example on JSFiddle