How to use quotation marks in HTML?

HTML Web Development Front End Technology

We use <q> tag, to add short quotation marks in HTML. And if we want to quote for multiple lines, use <blockquote> tag.

We can also use the cite attribute inside the <blockquote> tag to indicate the source of the quotation in URL form.

Syntax

Following is the syntax for the <q> tag.

<q>The content to be quoted</q>

Example

Following is the example program for the <q> tag.


<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <p>DLF stands for <q>Delhi Land and Finance</q></p>
   <p>Delhi Land and Finance is one of the largest commercial real estate developer in India.</p>
</body>
</html>

Example

In the example below, we used <q> tag on a particular text inside the <h1> tag.


<!DOCTYPE html>
<html>
<head>
   <title>HTML u tag</title>
</head>
<body>
   <h1>Welcome to <q> INDIA </q> Kids.</h1>
</body>
</html>

Using Blockquote tag

The <blockquote> tag in HTML is used to display the long quotations.

Syntax

Following is the syntax for the <blockquote> tag.

<blockquote>The multiple line content to be quoted </blockquote>

Example

Following is the example program for the <blockquote> tag.


<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <p>DLF stands for Delhi Land and Finance</p>
   <blockquote>Delhi Land and Finance is one of the largest commercial real estate developer in India.</blockquote>
</body>
</html>