HTML q tag
Example
Mark up a short quotation:
<p>Love is :
<q>What makes the Life.</q>
The World.</p>
<q>What makes the Life.</q>
The World.</p>
Definition and Usage
The <q> tag defines a short quotation.
Browsers normally insert quotation marks around the quotation.
Tip: Use <blockquote> for long quotations.
Browser Support
| Element | |||||
|---|---|---|---|---|---|
| <q> | Yes | Yes | Yes | Yes | Yes |
Attributes
| Attribute | Value | Description |
|---|---|---|
| cite | URL | Specifies the source URL of the quote |
Global Attributes
The <q> tag also supports the Global Attributes in HTML.
Event Attributes
The <q> tag also supports the Event Attributes in HTML.
More Examples
Example
Use CSS to style the <q> element:
<html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<p>Love is :
<q>What makes the Life Live.</q>
It is Everything.</p>
</body>
</html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<p>Love is :
<q>What makes the Life Live.</q>
It is Everything.</p>
</body>
</html>
Default CSS Settings
Most browsers will display the <q> element with the following default values:
Example
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
Comments
Post a Comment