HTML - <blockquote> 標籤



HTML <blockquote> 標籤用於引用取自其他來源的部分內容。它會更改對齊方式,使其在其他內容中獨一無二。它包含開始和結束標籤。

HTML5 中的< blockquote> 標籤指定從其他來源引用的部分。但 HTML 4.1 定義了“長引用”,即跨越多行的引用。

語法

<blockquote>...</blockquote>

屬性

HTML blockquote 標籤支援 HTML 的全域性事件屬性。它接受一個特定的屬性,如下所示。

屬性 描述
cite URL 它定義引用的來源的 URL。

HTML blockquote 標籤示例

在下面的示例中,我們將建立沒有來源的引用、帶有來源的引用,以及使用內部 CSS 裝飾引用的示例。

建立 blockquote 文字元素

在以下示例中,讓我們看看 <blockquote> 標籤在 HTML 文件中的用法。

<!DOCTYPE html>
<html>
<body>
   <h2>Blockquote example</h2>
   <blockquote>
      TutorialsPoint: Simply Easy Learning
   </blockquote>
</body>
</html>

指定帶來源的引用

考慮以下示例,我們正在建立一個 HTML 文件,並使用 <blockquote> 標籤及其屬性“cite”來標識引用的來源。

<!DOCTYPE html>
<html>
<body>
   <h2>Blockquote example</h2>
   <blockquote cite="https://tutorialspoint.tw">
      TutorialsPoint: Simply Easy Learning
   </blockquote>
 </body>
</html>

設定 blockquote 元素的樣式

讓我們看看以下示例,我們正在建立一個 HTML 文件,併為設定 blockquote 元素的樣式屬性。

<!DOCTYPE html>
<html>
<head>
   <style>
      blockquote {
      color: green;
      font-style: italic;
      }
   </style>
</head>
<body>
   <h2>Blockquote example</h2>
   <blockquote cite="https://tutorialspoint.tw">
      TutorialsPoint Easy to Learn!
   </blockquote>
 </body>
</html>

支援的瀏覽器

標籤 Chrome Edge Firefox Safari Opera
blockquote
html_tags_reference.htm
廣告