html blockquote 標簽使用與美化

字號:


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