溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

html中blockquote如何使用

發(fā)布時(shí)間：2020-09-26 15:32:59 來(lái)源：億速云 閱讀：176 作者：小新 欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)html中blockquote如何使用，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

首先我們先看看html blockquote標(biāo)簽的定義：

<blockquote>標(biāo)簽定義塊引用。

<blockquote>與</blockquote>之間的所有文本都會(huì)從常規(guī)文本中分離出來(lái)，經(jīng)常會(huì)在左、右兩邊進(jìn)行縮進(jìn)（增加外邊距），而且有時(shí)會(huì)使用斜體。也就是說(shuō)，塊引用擁有它們自己的空間。

現(xiàn)在我們來(lái)看個(gè)關(guān)于html blockquote標(biāo)簽的使用實(shí)例：

標(biāo)記長(zhǎng)的引用：

<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>

在瀏覽器中顯示的效果，如圖：

html中blockquote如何使用

<blockquote></blockquote>這個(gè)標(biāo)簽可以將其包起來(lái)的文字，全部往右縮排。而且加一組標(biāo)簽，往右縮排一單位，加兩組標(biāo)簽，往右縮排兩單位，依此類推。

現(xiàn)在我們來(lái)看看長(zhǎng)文本的引用，還有和p標(biāo)簽的對(duì)比：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>億速云標(biāo)簽的使用</title>
</head>
<body>
<h3>心似桂花開</h3>
<p>大家都在忙于自認(rèn)為最重要的事情，卻沒能享受到人生的樂趣，反而要吞下苦果？</p>
<blockquote>暗淡輕黃體性柔，情疏跡遠(yuǎn)只香留。何須淺碧深紅色，自是花中第一流。</blockquote>
<p>這是李清照《詠桂》中的詞句，在李清照看來(lái)，桂花暗淡青黃，性情溫柔，淡泊自適，遠(yuǎn)比那些大紅大紫爭(zhēng)奇斗艷花值得稱道。</p>
</body>
</html>

效果如圖：

html中blockquote如何使用

效果就是這樣，用blockquote標(biāo)簽設(shè)置的文本都縮進(jìn)了。

關(guān)于html中blockquote如何使用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手