HTML - Quotation

We have often seen in websites there are instances where you find a text with quotation marks.

For Example :

He said, I will come to your place tomorrow.

How would you write the same text in HTML? In other words, how would you represent the quotation mark(i.e. <q></q>) in the above text?

Let us see with the below example:

Inserting Quotation mark with <q> tag

Example :

<html>
	<body>
        <p>
        	He said, <q>I will come to your place tomorrow</q>.
        </p>
	</body>
</html>

Output :

So, in the above example we have used the <q> tag to insert quotation marks in the text.

And if you look at the above output,

He said, <q>I will come to your place tomorrow</q>.

Quotation mark is inserted in the texts.

Next, let us see something called as the <blockquote> tag.

Inserting block of text using <blockquote> tag

The <blockquote> tag is used to insert a block of text from any other website.

Example :

<html>
	<body>
        <blockquote cite="https://www.amazon.com/">A retail website for online shopping</blockquote>
        	Amazon.com
	</body>
</html>

Output :

So, if you look at the above output, the text,

A retail website for online shopping

Is displayed with a few space in front of it. This is a blockquote text enclosed in <blockquote tag>.

There is also an attribute(i.e. cite) in the <blockquote tag>. Which tells from which website the text is being taken.

❮❮ PREV NEXT ❯❯