HTML blockquote 標(biāo)簽使用與美化

字號(hào):


    blockquote定義和用法
    <blockquote> 標(biāo)簽定義塊引用。
    <blockquote> 與 </blockquote> 之間的所有文本都會(huì)從常規(guī)文本中分離出來,經(jīng)常會(huì)在左、右兩邊進(jìn)行縮進(jìn)(增加外邊距),而且有時(shí)會(huì)使用斜體。也就是說,塊引用擁有它們自己的空間。
    HTML 與 XHTML 之間的差異
    沒有。
    提示和注釋:
    提示:請(qǐng)使用 q 元素來標(biāo)記短的引用。
    注釋:如需把頁面作為 strict XHTML 進(jìn)行驗(yàn)證,那么 <blockquote> 元素必須包含塊級(jí)元素,比如這樣:
    代碼如下:
    <blockquote>
    <p>here is a long quotation here is a long quotation</p>
    </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>字體文本標(biāo)簽講解<blockquote></blockquote>標(biāo)簽</title>
    </head>
    <body>
    <p>字體文本標(biāo)簽講解&lt;blockquote&gt;&lt;/blockquote&gt;標(biāo)簽</p>
    <p>字體標(biāo)簽定義字體的顯示效果,有些標(biāo)簽它有獨(dú)自的語義。
    </p>
    <p><strong>&lt;blockquote&gt;標(biāo)簽</strong></p>
    <p>感謝您對(duì)百度經(jīng)驗(yàn)的支持</p>
    <p>定義在文章中引用別人說過的一段話。</p>
    <p>在瀏覽器中會(huì)呈現(xiàn)自己的站位空間,并且會(huì)兩邊向中間靠攏。</p>
    <blockquote>在這里寫上一段大家知曉的話在這里寫上一段大家知曉的話在這里寫上一段大家知曉的話在這里寫上一段大家知曉的話</blockquote>
    </html>
     提示:您可以先修改部分代碼再運(yùn)行
    瀏覽器中狀態(tài):
    圖片一
    CSS blockquote美化效果
    blockquote相信大家都不陌生吧,在Word叫“文本框”,其實(shí)在網(wǎng)頁了可叫它文本框吧,如果在一段文本的兩頭加上blockquote標(biāo)簽的話,那么文本將會(huì)接出來顯示,而且其內(nèi)的文本將含有blockquote的格式,所以只要用CSS定義好了blockquote的各個(gè)屬性,你會(huì)發(fā)現(xiàn)這會(huì)是個(gè)好東西。注意,IE不支持本CSS代碼中的部分定義,火狐或Chrome將顯示最佳效果。
    <html>
    <head>
    <title>CSS blockquote標(biāo)簽的定義</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>腳本之家提供網(wǎng)站源碼、網(wǎng)頁素材、書籍教程、網(wǎng)頁特效代碼等,06-3038.8K一個(gè)支持多種排列方式的VC++ ListView示例源碼界面編程06-3017.7KC#自定義橫向或縱向打印紙張報(bào)表打印06-3034.4K如何在窗體中顯示條形碼(C#代碼)圖形圖像06-3042.3K一些VC.NET字符串操作演示實(shí)例字符處理06-304.57KVB使用ListView控件增強(qiáng)文件瀏覽器功能數(shù)據(jù)庫應(yīng)用06-302.61KVB實(shí)現(xiàn)自動(dòng)滾屏功能界面編程06-301.89KVb計(jì)算文本框行數(shù)的源</blockquote>
    </body>
    </html>
     提示:您可以先修改部分代碼再運(yùn)行