HTML <blockquote> 标签

2025 年 3 月 25 日 | 阅读 2 分钟

HTML <blockquote> 标签用于定义一段从其他来源引用的文本块。浏览器通常将 <blockquote> 标签内的内容显示为缩进文本。

如果要插入长引用，请使用 <blockquote>；如果要插入短引用或内联引用，请使用 <q> 标签。

语法

以下是关于 <blockquote> 标签的一些规范

显示	块
开始标签/结束标签	包含开始和结束标签
用途	语义/文本

示例

<!DOCTYPE html>
<html>
<head>
	<title>Blockquote tag</title>
</head>
<body>
	<h2>Example of blockquote tag</h2>
	<p>A Great Motivational Quote :</p>
   <blockquote cite="https://www.brainyquote.com/authors/erin_cummings">
   	<p>
	 At the end of the day, you are solely responsible for your success and your failure. And the sooner you realize that, you accept that, and integrate that into your work ethic, you will start being successful. As long as you blame others for the reason you aren't where you want to be, you will always be a failure.
	 </p>
   </blockquote>
<cite>Erin Cummings</cite>
</body>
</html>

输出

样式化 <blockquote> 标签

<!DOCTYPE html>
<html>
<head>
	<title>Blockquote tag</title>
   <style>
   	blockquote{
   		text-align: justify;
   		background-color: #F7EAE9;
                           border-radius: 4px;
                           margin-right: 25px;}
   	cite{
   	  margin-left: 15px;}
   </style>
</head>
<body>
	<h2>Example of blockquote tag</h2>
	<p>A Great Motivational Quote:</p>
   <blockquote cite="https://www.brainyquote.com/authors/erin_cummings">
   	<p>
	 At the end of the day, you are solely responsible for your success and your failure. And the sooner you realize that, you accept that, and integrate that into your work ethic, you will start being successful. As long as you blame others for the reason you aren't where you want to be, you will always be a failure.
	 </p>
   </blockquote>
<cite>-Erin Cummings</cite>
</body>
</html>

注意：我们使用了 CSS 属性 margin-right: 25px 来更改应用于文本的缩进。您也可以使用 margin-left 或 margin 简写属性。

输出

属性

标签特定属性

属性	值	描述
cite	URL	用于指定引用来源的 URL。

全局属性

<blockquote> 标签支持 HTML 中的所有全局属性。

事件属性

<blockquote> 标签支持 HTML 中的所有事件属性。

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<blockquote>	是的	是的	是的	是的	是的

下一主题HTML body 标签

HTML <blockquote> 标签

语法

示例

样式化 <blockquote> 标签

注意：我们使用了 CSS 属性 margin-right: 25px 来更改应用于文本的缩进。您也可以使用 margin-left 或 margin 简写属性。

属性

标签特定属性

全局属性

事件属性

支持的浏览器

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

HTML 教程

HTML 属性

HTML 标签列表

HTML5 高级

HTML API

HTML 颜色名称

HTML 杂项

选择题

面试题

HTML <blockquote> 标签

语法

示例

样式化 <blockquote> 标签

注意：我们使用了 CSS 属性 margin-right: 25px 来更改应用于文本的缩进。您也可以使用 margin-left 或 margin 简写属性。

属性

标签特定属性

全局属性

事件属性

支持的浏览器

相关帖子

HTML address 标签

HTML meta 标签

HTML hr 标签

HTML cite 标签

HTML strike 标签

HTML pre 标签

HTML caption 标签

HTML ruby 标签

HTML script 标签

HTML colgroup 标签

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器