html格式作用html格式是對(duì)文本進(jìn)行格式化以提高外觀的過程。 HTML使我們無需使用css即可格式化文本。 HTML中有許多格式標(biāo)簽。這些標(biāo)簽用于使文本加粗,斜體或帶下劃線。在HTML和XHTML中,幾乎有14種可用的文本顯示方式。 在HTML中,格式標(biāo)簽分為兩類: 物理標(biāo)簽:這些標(biāo)簽用于為文本提供視覺外觀。邏輯標(biāo)簽:這些標(biāo)簽用于在文本中添加一些邏輯或語義值。 注意:注意:有些物理和邏輯標(biāo)簽可能具有相同的視覺外觀,但語義上會(huì)有所不同。 在這里,我們將學(xué)習(xí)14個(gè)HTML格式標(biāo)簽。以下是HTML格式文本的列表。 | 元素名稱 | 說明 | | <b> | 這是一個(gè)物理標(biāo)簽,用于加粗在它們之間寫入的文本。 | | <strong> | 這是一個(gè)邏輯標(biāo)簽,它告訴瀏覽器文本很重要。 | | <i> | 這是一個(gè)物理標(biāo)簽,用于使文本變?yōu)樾斌w。 | | <em> | 這是一個(gè)邏輯標(biāo)簽,用于以斜體顯示內(nèi)容。 | | <mark> | 此標(biāo)簽用于突出顯示文本。 | | <u> | 此標(biāo)簽用于在其間寫的文本下劃線。 | | <tt> | 此標(biāo)簽用于在電傳打字機(jī)中顯示文本。 (HTML5不支持) | | <strike> | 此標(biāo)簽用于在文本的一部分上繪制刪除線。 (HTML5不支持) | | <sup> | 它顯示的內(nèi)容略高于正常行。 | | <sub> | 它顯示的內(nèi)容略低于正常線。 | | <del> | 此標(biāo)簽用于顯示已刪除的內(nèi)容。 | | <ins> | 此標(biāo)簽顯示添加的內(nèi)容 | | <big> | 此標(biāo)簽用于將字體大小增加一個(gè)常規(guī)單位。 | | <small> | 此標(biāo)簽用于將字體大小從基本字體大小減小一個(gè)單位。 |
1)粗體
HTML <b>和<strong>格式設(shè)置元素 HTML <b>元素是一個(gè)物理標(biāo)簽,以粗體顯示文本,沒有任何邏輯上的重要性。如果您在<b> ............ </b>元素內(nèi)寫任何東西,則會(huì)以粗體顯示。 請(qǐng)參見以下示例: <p> <b>用粗體字寫您的第一段。</b></p> 輸出: 用粗體字寫第一個(gè)段落。 HTML <strong>標(biāo)簽是一個(gè)邏輯標(biāo)簽,如果您在<strong>......</strong>之間寫任何東西,它以粗體顯示內(nèi)容,并告知瀏覽器其邏輯重要性。 請(qǐng)參見以下示例: <p><strong>這是重要內(nèi)容</strong>,這是正常內(nèi)容</p> 輸出: 這是重要的內(nèi)容 ,這是正常的內(nèi)容 示例<!DOCTYPE html>
<html>
<head>
<title>格式元素</title>
</head>
<body>
<h1>格式化元素的說明</h1>
<p><strong>這是重要內(nèi)容</strong>,這是正常內(nèi)容</p>
</body>
</html> 2)斜體文本HTML <i>和<em>格式設(shè)置元素 HTML <i>元素是物理元素,它以斜體顯示附帶的內(nèi)容,沒有任何附加的重要性。如果您在<i> ........ </i>元素內(nèi)編寫任何內(nèi)容,則會(huì)以斜體字母顯示。 請(qǐng)參見以下示例: <p><i>用斜體字寫第一段。</i></p> 輸出: 用斜體字寫第一個(gè)段落。 HTML <em>標(biāo)簽是一個(gè)邏輯元素,它將以斜體顯示附帶的內(nèi)容,并增加了語義的重要性。 請(qǐng)參見以下示例: <p><em>這是重要內(nèi)容</em>,以斜體顯示。</p> 輸出: 這是重要的內(nèi)容,以斜體顯示。 示例<!DOCTYPE html>
<html>
<head>
<title>格式元素</title>
</head>
<body>
<h1>斜體格式元素的說明</h1>
<p><em>這是重要內(nèi)容</em>,以斜體顯示。</p>
</body>
</html> 3)HTML標(biāo)簽格式如果要標(biāo)簽或突出顯示文本,則應(yīng)將內(nèi)容寫在<mark> ......</mark>之內(nèi)。 請(qǐng)參見以下示例: <h2> 我要在您的臉上貼上<mark>標(biāo)簽</mark> </h2> 輸出: 我要在您的臉上貼上 標(biāo)簽4)帶下劃線的文本如果您在<u>.........</u>元素內(nèi)編寫任何內(nèi)容,則會(huì)以帶下劃線的文本顯示 請(qǐng)參見以下示例: <p> <u>在帶下劃線的文本中寫上您的第一段。</u></p> 輸出: 在帶下劃線的文本中寫上您的第一段。 5)帶刪除線文字<strike>............</strike>內(nèi)寫的任何內(nèi)容。元素顯示為刪除線。這是一條穿過語句的細(xì)線。 請(qǐng)參見以下示例: <p> <strike>用帶下劃線的文字寫您的第一段。</strike>.</p> 輸出: 用帶下劃線的文字寫您的第一段。 6)等寬字體如果您希望每個(gè)字母/漢字都具有相同的寬度,則應(yīng)將內(nèi)容寫在<tt>.....</tt>之中元素。 注意:我們知道大多數(shù)字體都稱為可變寬度字體,因?yàn)椴煌淖帜妇哂胁煌膶挾取?(例如:" w"比" i"寬)。等寬字體在每個(gè)字母之間提供相似的空格。 請(qǐng)參見以下示例: <p>你好 <tt>用等寬字體寫您的第一段。</tt></p> 輸出: 你好用等寬字體寫第一個(gè)段落。 7)上標(biāo)文本如果將內(nèi)容放在<sup>..............</sup>元素內(nèi),表示它顯示為比其他字符高半個(gè)字符。 請(qǐng)參見以下示例: <p>你好<sup>用上標(biāo)寫出第一段。</sup></p> 輸出: 你好用上標(biāo)寫出第一段。 8)下標(biāo)文本如果將內(nèi)容放在<sub>.............. </sub>元素內(nèi),表示它顯示為比其他字符低半個(gè)字符。 請(qǐng)參見以下示例: <p>你好<sub>用下標(biāo)寫你的第一段。</sub></p> 輸出: 你好用下標(biāo)寫你的第一段。 9)刪除的文本<del>.......... </del>中的所有內(nèi)容均顯示為刪除的文本。 請(qǐng)參見以下示例: <p>您好, <del>請(qǐng)刪除段落。</del></p> 輸出: 您好,請(qǐng)刪除段落。 10)插入的文本放在<ins> .......... </ins>中的所有內(nèi)容都顯示為插入的文本。 請(qǐng)參見以下示例: <p> <del>刪除第一段。</del><ins>寫另一段。</ins></p> 輸出: 刪除第一段。 寫另一段。 11)較大的文本如果您要使字體大小大于其余文本,則將內(nèi)容放在<big> ........ </big>。它增加一種字體大小,比上一種字體大。 請(qǐng)參見以下示例: <p>你好<big>用較大的字體編寫段落。</big></p> 輸出: 你好用較大的字體編寫段落。 12)較小的文本如果您要使字體大小小于其余文本,則將內(nèi)容放在<small>....... </small>標(biāo)簽。它比上一個(gè)縮小了一種字體大小。 請(qǐng)參見以下示例: <p>你好<small>用較小的字體編寫段落。</small></p> 輸出: 你好用較小的字體編寫段落。 |