XHTML入門學(xué)習(xí)教程:文字格式與特殊字符_XHTML教程
本節(jié)介紹文字格式和非凡字符在XHTML中的實(shí)現(xiàn)方法。
文字格式標(biāo)簽
在之前的教程中我們?cè)?jīng)用過一次<b>標(biāo)簽,他使得包含在它之中的內(nèi)容變成粗體顯示。例如“<b>菜鳥吧</b>”將顯示為菜鳥吧。我們把這種定義文字顯示方式的標(biāo)簽叫做文字格式標(biāo)簽(文字樣式標(biāo)簽……)。與粗體標(biāo)簽<b>類似的還有斜體標(biāo)簽<i>和強(qiáng)調(diào)標(biāo)簽<em>等。我們推薦您使用CSS定義網(wǎng)頁(yè)的樣式,而不是類似<b>的XHTML標(biāo)簽,這里介紹這些標(biāo)簽的目的是讓您在閱讀別人網(wǎng)頁(yè)的源代碼時(shí)不至于糊涂。
非凡字符(字符實(shí)體)
在XHTML中“<”和“>”是比較非凡的字符,因?yàn)樗鼈儽挥糜谧R(shí)別標(biāo)簽,而且在標(biāo)簽中的"<"和“>”并不會(huì)出現(xiàn)在頁(yè)面上。那么假如我們想讓瀏覽器顯示這些非凡字符時(shí)該怎么做呢?這時(shí)我們就可以使用字符實(shí)體,例如小于號(hào)“<”在XHTML代碼中寫做“<”。當(dāng)然,在網(wǎng)頁(yè)設(shè)計(jì)軟件中,這項(xiàng)工作不需要我們手寫代碼來(lái)完成。因此我們只要了解這些非凡字符的顯示原理即可,而不需要記住每一個(gè)非凡字符的書寫代碼。
練習(xí)實(shí)例
用記事本打開之前創(chuàng)建的"index.html"文件。對(duì)源文件做如下修改(紅字提示),保存后看看之前之后有什么不同,請(qǐng)確認(rèn)您的網(wǎng)頁(yè)與這個(gè)頁(yè)面相同。
代寫寒暑假作業(yè)(數(shù)學(xué)<b>不</b>保證沒有錯(cuò)題,語(yǔ)文不保證沒有錯(cuò)字,英語(yǔ)作業(yè)你找別人吧)
<br />幫忙欺負(fù)<b>四年級(jí)</b>以下同學(xué),<b>特體須加收費(fèi)用</b>。
<br />家長(zhǎng)會(huì)幫忙<i>冒充家長(zhǎng)</i>。
</p><!--上面的內(nèi)容是一個(gè)段落 -->
下面再來(lái)練習(xí)一下使用字符實(shí)體。打開之前保存的“index.html”,在</body>標(biāo)簽前輸入如下代碼:
<p>Copyright©2005-2006cainiao8.com版權(quán)沒有</p>保存修改并重新瀏覽網(wǎng)頁(yè)就可以看到如下的內(nèi)容了:
“Copyright©2005-2006XXX版權(quán)沒有”。我們注重到源代碼中的“©”在瀏覽器中顯示為“@”。請(qǐng)?jiān)俅未_認(rèn)您的網(wǎng)頁(yè)與這個(gè)頁(yè)面相同,完工。
關(guān)于標(biāo)簽的順序
學(xué)完了文字格式標(biāo)簽?zāi)阋苍S會(huì)想,假如我希望一個(gè)字同時(shí)以粗體和斜體顯示該怎么做呢?是不是簡(jiǎn)單的為它加上雙層標(biāo)簽<b>和<i>呢?沒錯(cuò)。請(qǐng)看下面的例子:
<b><i>我被兩個(gè)標(biāo)簽包圍啦!</i></b>
將在瀏覽器中顯示為我被兩個(gè)標(biāo)簽包圍啦!
這里你唯一需要注重的是標(biāo)簽的順序。假如你將上面的標(biāo)簽順序?qū)懗?lt;b><i>我被兩個(gè)標(biāo)簽包圍啦!</b></i>,一般的瀏覽器將不產(chǎn)生任何錯(cuò)誤。但是這是不符合XHTML標(biāo)準(zhǔn)的寫法。請(qǐng)你一定要按順序關(guān)閉標(biāo)簽。
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- XHTML CSS寫出正規(guī)的BLOG
- HTML高級(jí)教程 聲明
- CSS網(wǎng)頁(yè)布局中HTML標(biāo)簽的語(yǔ)義(一)
- HTML5ElementsandAttributes-HTML5元素和屬性
- HTML表格標(biāo)記教程(40):表頭的暗邊框色屬性BORDERCOLORDARK
- HTML表格標(biāo)記教程(17):表格標(biāo)題垂直對(duì)齊屬性VALIGN
- XHTML標(biāo)準(zhǔn)要點(diǎn)詳細(xì)介紹
- HTML表格標(biāo)記教程(13):內(nèi)部邊框樣式屬性RULES
- HTML打造極具親和力的連接
- head區(qū)域的編碼規(guī)范
- 相關(guān)鏈接:
- 教程說(shuō)明:
XHTML教程-XHTML入門學(xué)習(xí)教程:文字格式與特殊字符
。