如何在 HTML 中使用 blockquote？

<blockquote> 标签用于表示长引文。里面只应包含块级元素，而不是纯文本。它指定从其他来源引用的部分，并且只包含块级元素。

我们还可以在 <blockquote> 标签内使用 cite 属性来表示引文来源的 URL 形式。

语法

以下是 <blockquote> 标签的语法。

<blockquote>The multiple line content to be quoted </blockquote>

示例

以下是 <blockquote> 标签的示例程序。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
   <p>DLF stands for Delhi Land and Finance</p>
   <blockquote>Delhi Land and Finance is one of the largest commercial real estate developer in India.It is also engaged in the business of generation of power provision of maintenance services hospitality and recreational activities life insurance and retail chain outlets. Its internalbusiness includes development business and rental business. The development business of the Company is involved in the sale of residential spaces select commercial offices and commercial complexes. The company has a unique business model with earnings arising from development and rentals.</blockquote>
</body>
</html>

示例

以下是我们在 <blockquote> 标签内使用 cite 属性时的示例程序。

<!DOCTYPE html>
<html>
<head>
   <title>HTML blockquote tag</title>
</head>
<body>
   <h1>Drupal</h1>
   <p>Here is a quotation from Drupal’s official website</p>
   <blockquote cite="http://drupal.org">The Drupal project is open source software.  Anyone can download, use, work on, and share it with others. It's built on  principles like collaboration, globalism, and innovation.</blockquote>
 </body>
</html>

示例

以下是我们在使用 CSS 更改 <blockquote> 标签样式时的示例程序。

<!DOCTYPE html>
<html>
<head>
   <title>HTML blockquote tag</title>
   <style>
      blockquote {
         margin-left: 0;
      }
   </style>
</head>
<body>
   <h1>Drupal</h1>
   <p>Here is a quotation from Drupal’s official website</p>
   <blockquote cite="http://drupal.org">The Drupal project is open source software.  Anyone can download, use, work on, and share it with others. It's built on  principles like collaboration, globalism, and innovation.</blockquote>
</body>
</html>

更新于：11-11-2022

543 次浏览

开启你的 职业生涯

通过完成课程获取认证

开始
广告
© . All rights reserved.