|
|
The Definition and UsageThe Browsers normally insert quotation marks around the quotation. Tip: Use <blockquote> for long quotations. Browser Support
Attributes
Global AttributesThe Event AttributesThe |
How to create HTML <q> Tag
It marks up a short quotation.
index.html
Example:
HTML
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
Output should be:
How to Use CSS to style the <q> element
See the Example.
index.html
Example:
HTML
<!DOCTYPE html>
<html>
<head>
<style>
q {
color: gray;
font-style: italic;
}
</style>
</head>
<body>
<h1>The q element + CSS</h1>
<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
</body>
</html>
Output should be:
How to set Default CSS Settings on HTML <q> Tag
Most browsers will display the <q> element with the following default values.
index.html
Example:
HTML
<style>
q {
display: inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
</style>
Output should be:
What is HTML <q> cite Attribute
Definition and Usage
The cite attribute specifies the source URL of a quote.
Browser Support
Note: The cite attribute has no visual effect in ordinary web browsers, but can be used by screen readers.
Syntax
<q cite="URL">
Attribute Values
| Value | Description |
|---|---|
| URL | Specifies the source URL of the quote.
Possible values:
|
How to add HTML <q> cite Attribute
It specify the source URL of a quote.
index.html
Example:
HTML
<p>WWF's goal is to:
<q cite="http://www.wwf.org">
Build a future where people live in harmony with nature.</q>
We hope they succeed.
</p>
Output should be:
| html q tag |
| How to create HTML <q> Tag | HTML Tag |
| How to Use CSS to style the <q> element | HTML Tag |
| How to set Default CSS Settings on HTML <q> Tag | HTML Tag |
| What is HTML <q> cite Attribute | HTML Tag |
| How to add HTML <q> cite Attribute | HTML Tag |
Read Full: | HTML Tag |
Type: | Develop |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |
Views: | 183 |
Reffered: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q