设计之家 > 教程 > 網頁教程 > HTML教程 >

XHTML基礎教程(一)(4)

作者:佚名 來源:網絡 時間:2007-12-24

 

文字格式與特殊字符

本節介紹文字格式和特殊字符在XHTML中的實現方法。

文字格式標簽

在之前的教程中我們曾經用過一次<b>標簽,他使得包含在它之中的內容變成粗體顯示。例如“<b>菜鳥吧</b>”將顯示為菜鳥吧。我們把這種定義文字顯示方式的標簽叫做文字格式標簽(文字樣式標簽……)。與粗體標簽<b>類似的還有斜體標簽<i>和強調標簽 <em>等。我們推薦您使用CSS定義網頁的樣式,而不是類似<b>的XHTML標簽,這里介紹這些標簽的目的是讓您在閱讀別人網頁的源代碼時不至于糊涂。

特殊字符(字符實體)

在XHTML中“<”和“>”是比較特殊的字符,因為它們被用于識別標簽,而且在標簽中的"<"和“>”并不會出現在頁面上。那么如果我們想讓瀏覽器顯示這些特殊字符時該怎么做呢?這時我們就可以使用字符實體,例如小于號“<”在XHTML代碼中寫做“& lt;”。當然,在網頁設計軟件中,這項工作不需要我們手寫代碼來完成。因此我們只要了解這些特殊字符的顯示原理即可,而不需要記住每一個特殊字符的書寫代碼。

練習實例

用記事本打開之前創建的"index.html"文件。對源文件做如下修改(紅字提示),保存后看看之前之后有什么不同,請確認您的網頁與這個頁面相同。


代寫寒暑假作業(數學<b></b>保證沒有錯題,語文不保證沒有錯字,英語作業你找別人吧)
<br />幫忙欺負<b>四年級</b>以下同學,<b>特體須加收費用</b>
<br />家長會幫忙<i>冒充家長</i>
</p><!--上面的內容是一個段落 -->

下面再來練習一下使用字符實體。打開之前保存的“index.html”,在</body>標簽前輸入如下代碼:

<p>Copyright©2005-2006cainiao8.com版權沒有</p>

保存修改并重新瀏覽網頁就可以看到如下的內容了:

“Copyright©2005-2006XXX版權沒有”。我們注意到源代碼中的“©”在瀏覽器中顯示為“@”。請再次確認您的網頁與這個頁面相同,完工。

關于標簽的順序

學完了文字格式標簽你也許會想,如果我希望一個字同時以粗體和斜體顯示該怎么做呢?是不是簡單的為它加上雙層標簽<b>和<i>呢?沒錯。請看下面的例子:

<b><i>我被兩個標簽包圍啦!</i></b>

將在瀏覽器中顯示為我被兩個標簽包圍啦!

這里你唯一需要注意的是標簽的順序。如果你將上面的標簽順序寫成<b><i>我被兩個標簽包圍啦!</b></i>,一般的瀏覽器將不產生任何錯誤。但是這是不符合XHTML標準的寫法。請你一定要按順序關閉標簽。

 

标签:

相關文章:

推薦設計

最新文章