HTML Quotations

Quotation

Below is the quoted paragraph:

This is block-quoted paragraph. Here you will learn all about quotations in HTML with examples. This tutorial includes short quotations in HTML with examples and long quotations in HTML with examples. To specify short quotations in HTML, use <q> and to specify long quotations in HTML, then use <blockquote>.

HTML Short Quotations

The HTML <q> element is used to specify the short quotation in HTML document. Here is an example shows how to use short quotation in HTML:

<!DOCTYPE html>
<html>
<head>
   <title>HTML Quotations Example</title>
</head>
<body>

<p>This is HTML Quotations Tutorial. <br />
Here you will learn about <br />
<q>HTML short quote and long quote</q> <br />
with examples.</p>

</body>
</html>

Here is the sample output produced by the above HTML quotation (short quote) example:

HTML Long Quotations

HTML <blockquote> element is used to specify block (long) quoted texts. Here is an example shows how to use long quotations in HTML:

<!DOCTYPE html>
<html>
<head>
   <title>HTML Quotations Example</title>
</head>
<body>

<p>This is HTML Long Quotations Example.</p>
<blockquote>
   There are two type of quotations in HTML.
   The name of the first type is short quotations
   and the name of the second type is long quotations.
   You can create long quotations in HTML using
   <blockquote> element.
</blockquote>

</body>
</html>

Here is the sample output produced by the above HTML long quotations example code:

HTML Online Test

« Previous Tutorial Next Tutorial »