HTML - q 标签_HTML 菜鸟教程

HTML <q> 标签用于定义短引号。它表示所包含的文本是简短的内联引号，浏览器默认在引号周围加上引号。此<q> 标签适用于不需要段落分隔符的短引号。

语法


<q>.....</q>

属性

<q> 标签支持 HTML 的全局属性和事件属性。下面列出的特定属性也是如此:

属性	值	描述
cite	URL	定义保留引用源的 URL。

<q> 标签示例

在下面的示例中，我们将看到用例，在哪里以及如何使用 <q> 标签来引用任何短文本。

<q> 标签简单用法

在下面的示例中，让我们看看 HTML 文档中 <q> 标签的用法。


<!DOCTYPE html>
<html>
<body>
	 <p>
			When Dave asks HAL to open the pod bay door, 
			HAL answers: <q cite=
"https://www.imdb.com/title/tt0062622/quotes/qt0396921">
			I'm sorry, Dave. 
			I'm afraid I can't do that. 
	 </q>
	 </p>
</body>
</html>

设置<q> 标签的css样式示例

考虑以下示例，我们使用 <q> 标签，并使用 CSS 属性设置 q 标签内容的样式。


<!DOCTYPE html>
<html>
<head>
	 <style>
			q {
				 color: green;
				 font-style: italic;
			}

			p {
				 color: green;
				 font-size: 30px;
			}
	 </style>
</head>
<body>
	 <h1>HTML q Tag</h1>
	 <p>
			QikepuCom: <q>Easy to learn!
	 </q>
	 </p>
</body>
</html>

指定文本的引用来源示例

让我们看一下下面的示例，其中我们演示了 <q> 标签及其属性的用法，并使用 CSS 属性来设置 <q> 标签内容的样式。


<!DOCTYPE html>
<html>
<head>
	 <style>
			q {
				 color: green;
				 font-style: italic;
			}
	 </style>
</head>
<body>
	 <h1>The q tag</h1>
	 <p>
			<q cite="http://www.qikepu.com/">教程: Easy to learn!</q>
			A EdTech organization which provides the 
			6000+ course and CSE Qikepu and courses!
	 </p>
</body>
</html>

对于长引号，请使用 <blockquote> 标签。

支持的浏览器

浏览器
<q>	Yes	Yes	Yes	Yes	Yes

<< HTML - progress 标签 HTML - rp 标签 >>