HTML blockquote 標簽使用與美化

DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML blockquote 標簽使用與美化

編輯：HTML和Xhtml

blockquote定義和用法

<blockquote> 標簽定義塊引用。
<blockquote> 與 </blockquote> 之間的所有文本都會從常規文本中分離出來，經常會在左、右兩邊進行縮進（增加外邊距），而且有時會使用斜體。也就是說，塊引用擁有它們自己的空間。

HTML 與 XHTML 之間的差異
沒有。

提示和注釋：

提示：請使用 q 元素來標記短的引用。

注釋：如需把頁面作為 strict XHTML 進行驗證，那麼 <blockquote> 元素必須包含塊級元素，比如這樣：

復制代碼代碼如下:
<blockquote>
here is a long quotation here is a long quotation
</blockquote>

<!DOCTYPE HTML PblockquoteBLbC "-//W3C//DTD HTML 4.01 Transbtbonal//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-eqblockquotebv="Content-Type" content="text/html; charset=gb2312"> <title>字體文本標簽講解<blockquote></blockquote>標簽</title> </head> <body> 字體文本標簽講解<blockquote></blockquote>標簽 字體標簽定義字體的顯示效果，有些標簽它有獨自的語義。 <blockquote>標簽 感謝您對百度經驗的支持 定義在文章中引用別人說過的一段話。 在浏覽器中會呈現自己的站位空間，並且會兩邊向中間靠攏。 <blockquote>在這裡寫上一段大家知曉的話在這裡寫上一段大家知曉的話在這裡寫上一段大家知曉的話在這裡寫上一段大家知曉的話</blockquote> </html>
提示：您可以先修改部分代碼再運行

浏覽器中狀態:

CSS blockquote美化效果

blockquote相信大家都不陌生吧，在Word叫“文本框”，其實在網頁了可叫它文本框吧，如果在一段文本的兩頭加上blockquote標簽的話，那麼文本將會接出來顯示，而且其內的文本將含有blockquote的格式，所以只要用CSS定義好了blockquote的各個屬性，你會發現這會是個好東西。注意，IE不支持本CSS代碼中的部分定義，火狐或Chrome將顯示最佳效果。

<html> <head> <title>CSS blockquote標簽的定義</title> <style> blockquote { background:#f9f9f9; border-left:10px solid #ccc; margin:1.5em 10px; padding:.5em 10px; quotes:"\201C""\201D""\2018""\2019"; } blockquote:before { color:#ccc; content:open-quote; font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-.4em; } blockquote p { display:inline; } </style> <body> <blockquote>腳本之家提供網站源碼、網頁素材、書籍教程、網頁特效代碼等，06-3038.8K一個支持多種排列方式的VC++ ListView示例源碼界面編程06-3017.7KC#自定義橫向或縱向打印紙張報表打印06-3034.4K如何在窗體中顯示條形碼(C#代碼)圖形圖像06-3042.3K一些VC.NET字符串操作演示實例字符處理06-304.57KVB使用ListView控件增強文件浏覽器功能數據庫應用06-302.61KVB實現自動滾屏功能界面編程06-301.89KVb計算文本框行數的源</blockquote> </body> </html>
提示：您可以先修改部分代碼再運行

HTML和Xhtml

網頁制作推薦使用的XHTML標記: 網頁制作poluoluo文章簡介：推薦使用的XHTML標簽. 推薦使用的XHT
HTML對於元素水平垂直居中的探討: 我們在設計頁面的時候，經常要把DIV居中顯示，而且是相對頁面窗口水平和垂直方向居中顯示，如讓登錄窗口
html+css3太陽系行星運轉動畫效果的實現代碼: 做一個太陽系八大行星的運轉動畫，不包括行星的衛星，所有行星圍繞太陽公轉，行星采用純色，暫時沒有自轉。

HTML入門知識 HTML5教程關於HTML HTML和Xhtml HTML5特效代碼 HTML5詳解

DIV CSS 佈局教程網

相關文章