html blockquote怎麼用?blockquote標籤的用法介紹-html教學-PHP中文網

心似桂花开

首頁

web前端

html教學

html blockquote怎麼用?blockquote標籤的用法介紹

寻∝梦

Sep 03, 2018 pm 05:04 PM

blockquote html

這篇文章主要的介紹了關於html blockquote標籤的定義和使用的實例，還有關於html blockquote標籤的引用和p標籤進行的對比，現在就讓我們一起來看這篇文章吧

首先我們先來看看html blockquote標籤的定義：

標籤定義區塊引用。

與
之間的所有文字都會從常規文本中分離出來，經常會在左、右兩邊進行縮進（增加外邊距），有時會使用斜體。也就是說，區塊引用擁有它們自己的空間。
現在我們來看個關於html blockquote標籤的使用實例：

標記長的參考：
<blockquote>
Here is a long quotation here is a long quotation here is a long quotation 
here is a long quotation here is a long quotation.
</blockquote>
登入後複製
在瀏覽器中顯示的效果，如圖：
這個標籤可以包起來的文字，全部往右縮排。而且再加一組標籤，往右縮排一單位，加兩組標籤，往右縮排兩單位，依此類推。
現在我們來看看長文本的引用，還有和p標籤的對比：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>PHP中文网标签的使用</title>
</head>
<body>
<h2 id="心似桂花开">心似桂花开</h2>
<p>大家都在忙于自认为最重要的事情，却没能享受到人生的乐趣，反而要吞下苦果？</p>
<blockquote>暗淡轻黄体性柔，情疏迹远只香留。何须浅碧深红色，自是花中第一流。</blockquote>
<p>这是李清照《咏桂》中的词句，在李清照看来，桂花暗淡青黄，性情温柔，淡泊自适，远比那些大红大紫争奇斗艳花值得称道。</p>
</body>
</html>
登入後複製
效果如圖：

效果就是這樣，用blockquote標籤設定的文字都縮排了。

好了，以上就是關於HTML blockquote標籤的設定的文章了，有問題的可以在下方留言。

【小編推薦】

html空格程式碼怎麼寫？ html空格程式碼的表現方式總結

html中col標籤中的漢字如何居中？ html col標籤的基本使用(內有實例)