html blockquote 標簽使用與美化
來源:易賢網(wǎng) 閱讀:1121 次 日期:2016-06-23 09:12:21
溫馨提示:易賢網(wǎng)小編為您整理了“html blockquote 標簽使用與美化”,方便廣大網(wǎng)友查閱!

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標簽的話,那么文本將會接出來顯示,而且其內的文本將含有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ù)庫應用06-302.61kvb實現(xiàn)自動滾屏功能界面編程06-301.89kvb計算文本框行數(shù)的源</blockquote>

</body>

</html>

提示:您可以先修改部分代碼再運行

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:html blockquote 標簽使用與美化
由于各方面情況的不斷調整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

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