Welcome to HTML5-Tutorials

Our site offers a lot of HTML5 learning from absolutely beginning to advanced level.If you want to make a website with HTML,this site will completely guide you a lot.So learn HTML5 syntax and form of coding easily with this website.If you have any doubt,leave a message on us.We will return you so soon.This site includes innumerable number of references you need to do after studying their corresponding elements.

In this page,we will learn about HTML <q> tag.

Use of <q> tag

The <q> tag defines a short quotation in a block of texts.
By default. web-browsers place quotation mark(" ") around the quote.

Display:Inline

Example of <q> tag

<p>
    Our website www.prohtml5tutorial.com is:
    <q> To teach you the HTML tutorial from just beginning to pro level.</q>
</p>

Supported Browsers.

Tag
<q> Yes Yes Yes Yes Yes

Full Code Example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>
Our website www.myhtml5tutorials.com is:
<q> To teach you the HTML tutorials from just beginning to the pro level.</q>
</p>
</body>
</html>

Output

Our website www.myhtml5tutorials.com is: To teach you the HTML tutorials from just beginning to the pro level.

More Reference

The <q> tag is used only for short sentence.
If you have to use multiple quote sentences, use <blockquote> tag.

q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}

Attributes of <q> tag


Attribute Value Notes
cite URL It specifies the URL of the quote.