閱讀(3.4k) 書簽贊(0) 我要糾錯

XHTML高級教程-字體樣式標簽

2021-11-30 10:01 更新

字體樣式標簽為文本增加了更豐富的效果。格式化時使用它們。這些標簽與HTML中使用的標簽完全相似。

其中一些標簽是粗體，斜體等

粗體

粗體標簽寫為。這對標簽之間的文本在文檔中顯示為粗體。

代碼示例：

<p><b> 此文字將顯示為粗體-w3cschool.cn </b></p>

展示效果：

此文字將顯示為粗體-w3cschool.cn

斜體

斜體標簽被寫為。在這對標簽之間寫的文本在文檔中以斜體顯示。

代碼示例：

<p><i> 該文本將出現(xiàn)在斜體-w3cschool.cn </i></p>

效果展示：

該文本將出現(xiàn)在斜體-w3cschool.cn

大號

大號標簽寫成<big>。寫在這些標簽內(nèi)的文本看起來比普通文本要大。

代碼示例：

<p><big>這段文字會顯得很大-w3cschool.cn </big></p>

效果展示：

這段文字會顯得很大-w3cschool.cn

小號

小號標簽寫成。寫在這些標簽內(nèi)的文字看起來比正常文字小。

代碼示例：

<p><small> 這個文字會顯得很小-w3cschool.cn </small></p>

效果展示：

這個文字會顯得很小-w3cschool.cn

在XHTML中應(yīng)用這些標簽時必須非常小心。必須正確創(chuàng)建代碼才能在XHTML中運行。

這些標簽的錯誤使用方式

<p><b><i>w3cschool.cn這個網(wǎng)站包含XHTML教程</b></i></p>

這些標簽的正確使用方式

<p><b><i>w3cschool.cn這個網(wǎng)站包含XHTML教程</i></b></p>

以下示例說明了在XHTML中使用格式化標記的方法：

<html>
<head>
<title> 我的w3cschool.cn學習筆記 </title>
</head>
<body>
<h1> XHTML教程學習筆記</h1>
Hello, 這是我在W3Cschool上面的XHTML學習筆記。<hr/>
<p>記錄一些XHTML學習中的知識要點。<br/>
<b><i>內(nèi)容摘抄自W3Cschool在線教程官網(wǎng)（www.o2fo.com）</i></b></p>
<h2>XHTML 簡介</h2>
<p><b> XHTML是擴展超文本標記語言的縮寫。XHTML是幫助創(chuàng)建和設(shè)計網(wǎng)頁的網(wǎng)頁語言。每個XHTML文檔都有四個標簽; 即HTML，標題，標題和正文。XHTML文檔中的第一個和最后一個標簽應(yīng)該始終是HTML標簽。在XHTML中，所有的標簽都是小寫的。它不支持大寫的標簽。<title>標記包含在<head>標記中。它包含文檔的標題。每個文件只能有一個標題。<body>標簽包含文檔的內(nèi)容。HTML中使用的表示屬性在XHTML中不推薦使用。在XHTML中，樣式表被用來使用<body>標簽的所有屬性。</b></p>
</body>
</html>

這是該網(wǎng)頁展示效果：

有更多的格式標簽有助于增強網(wǎng)頁。通過使用這些標簽，可以使網(wǎng)頁變得更容易呈現(xiàn)。下面討論一些更多的格式標簽。

PharseTags

以下標簽都是短語元素標簽。這些標簽被應(yīng)用于為網(wǎng)頁提供更豐富的效果。這些標簽與HTML類似使用。只有XHTML的基本規(guī)則必須遵循。

強調(diào)標簽

強調(diào)的標簽寫為。它被用來強調(diào)文本。強調(diào)文本通常以斜體顯示。

代碼示例：

<em> 強調(diào)這段文字-w3cschool </em>

效果展示：

強調(diào)這段文字-w3cschool

代碼標簽

代碼標簽被寫為<code>。它表明寫入的文本是一個類型化代碼的例子。它通常是固定的字體。

代碼示例：


<code> 這個文本是一個計算機代碼。-w3cschool.cn </code>

效果展示：

這個文本是一個計算機代碼。-w3cschool.cn

變量標簽

變量標簽被寫為<var>。它定義了一個變量。這意味著寫在這些標簽之間的文本是一個變量名稱。

代碼展示：

<var> 這是一個變量標簽-w3cschool.cn </var>

效果展示：

這是一個變量標簽-w3cschool.cn

加強標簽

加強標記寫為。它用于更強調(diào)文本。文字看起來很大膽。

代碼示例：

<strong> 這個文本特別強調(diào)。-w3cschool.cn </strong>

效果展示：

這個文本特別強調(diào)。-w3cschool.cn

以上內(nèi)容是否對您有幫助：

← XHTML高級教程-XHTML格式：水平線標簽

XHTM高級教程-預(yù)排格式文本標簽 →

寫筆記

我要補充