HTML blockquote 標(biāo)簽使用與美化
來源:易賢網(wǎng) 閱讀:3731 次 日期:2014-07-25 10:01:12
溫馨提示:易賢網(wǎng)小編為您整理了“HTML blockquote 標(biāo)簽使用與美化”,方便廣大網(wǎng)友查閱!

blockquote定義和用法

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

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

HTML 與 XHTML 之間的差異

沒有。

提示和注釋:

提示:請(qǐng)使用 q 元素來標(biāo)記短的引用。

注釋:如需把頁(yè)面作為 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ú)自的語(yǔ)義。

</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)頁(yè)了可叫它文本框吧,如果在一段文本的兩頭加上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)頁(yè)素材、書籍教程、網(wǎng)頁(yè)特效代碼等,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ù)庫(kù)應(yīng)用06-302.61KVB實(shí)現(xiàn)自動(dòng)滾屏功能界面編程06-301.89KVb計(jì)算文本框行數(shù)的源</blockquote>

</body>

</html>

提示:您可以先修改部分代碼再運(yùn)行

更多信息請(qǐng)查看IT技術(shù)專欄

更多信息請(qǐng)查看網(wǎng)頁(yè)制作
易賢網(wǎng)手機(jī)網(wǎng)站地址:HTML blockquote 標(biāo)簽使用與美化
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
相關(guān)閱讀網(wǎng)頁(yè)制作

2025國(guó)考·省考課程試聽報(bào)名

  • 報(bào)班類型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 加入群交流 | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專用圖標(biāo)