Tutorials 参考 练习 Menu
Paid Courses

HTML <q> Tag


Example

Mark up a short quotation:

<p>WWF's goal is to:
<q>Build a future where people live in harmony with nature.</q>
We hope they succeed.</p>
来试试吧 »

More "来试试吧" examples below.


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 示例

Example

Use CSS to style the <q> element:

<html>
<head>
<style>
q {
  color: gray;
  font-style: italic;
}
</style>
</head>
<body>

<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>
来试试吧 »

Related Pages

HTML DOM reference: Quote Object


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;
}
来试试吧 »





W3Schools is optimized for learning and training. 示例 might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2021 by Refsnes Data. All Rights Reserved.
W3Schools is Powered by W3.CSS.