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