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

來源:互聯網
上載者:User
本篇文章主要的介紹了關於html blockquote標籤的定義和使用的執行個體,還有關於html blockquote標籤的引用和p標籤進行的對比,現在就讓我們一起來看這篇文章吧

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

<blockquote>標籤定義區塊引述。

<blockquote>與</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>

在瀏覽器中顯示的效果,

<blockquote></blockquote>這個標籤可以將其包起來的文字,全部往右縮排。而且加一組標籤,往右縮排一單位,加兩組標籤,往右縮排兩單位,依此類推。

現在我們來看看長文本的引用,還有和p標籤的對比:

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>topic.alibabacloud.com標籤的使用</title></head><body><h2>心似桂花開</h2><p>大家都在忙於自認為最重要的事情,卻沒能享受到人生的樂趣,反而要吞下苦果?</p><blockquote>暗淡輕黃體性柔,情疏跡遠只香留。何須淺碧深紅色,自是花中第一流。</blockquote><p>這是李清照《詠桂》中的詞句,在李清照看來,桂花暗淡青黃,性情溫柔,淡泊自適,遠比那些大紅大紫爭奇鬥豔花值得稱道。</p></body></html>

效果

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

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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.