XHTML高級教程-字體樣式標(biāo)簽

2021-11-30 10:01 更新

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

其中一些標(biāo)簽是粗體,斜體等


粗體


粗體標(biāo)簽寫為<b>。這對標(biāo)簽之間的文本在文檔中顯示為粗體。

代碼示例

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

展示效果

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


斜體


斜體標(biāo)簽被寫為<i>。在這對標(biāo)簽之間寫的文本在文檔中以斜體顯示。

代碼示例:

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

效果展示:

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

大號


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

代碼示例

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

效果展示

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

小號


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

代碼示例

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

效果展示

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


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

這些標(biāo)簽的錯誤使用方式

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

這些標(biāo)簽的正確使用方式

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


以下示例說明了在XHTML中使用格式化標(biāo)記的方法:

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

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


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


PharseTags

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


強(qiáng)調(diào)標(biāo)簽


強(qiáng)調(diào)的標(biāo)簽寫為<em>。它被用來強(qiáng)調(diào)文本。強(qiáng)調(diào)文本通常以斜體顯示。

代碼示例:

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

效果展示:

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


代碼標(biāo)簽


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

代碼示例:

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

效果展示:

這個文本是一個計(jì)算機(jī)代碼。-w3cschool.cn

變量標(biāo)簽


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

代碼展示:

<var> 這是一個變量標(biāo)簽-w3cschool.cn </var>

效果展示:

這是一個變量標(biāo)簽-w3cschool.cn

加強(qiáng)標(biāo)簽


加強(qiáng)標(biāo)記寫為<strong>。它用于更強(qiáng)調(diào)文本。文字看起來很大膽。

代碼示例:

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

效果展示:

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


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號