精品免费在线观看-精品欧美-精品欧美成人bd高清在线观看-精品欧美高清不卡在线-精品欧美日韩一区二区

17站長網

17站長網 首頁 編程教程 Html教程 查看內容

HTML 格式

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>

輸出:

你好用較小的字體編寫段落。

返回頂部
主站蜘蛛池模板: 国产91青青成人a在线 | 成人蜜桃网| 99久久精品免费国产一区二区三区 | 婷婷色香五月激情综合2020 | 日鲁夜鲁鲁狠狠综合视频 | 亚洲国产美女精品久久久久 | 337d欧美人体大胆瓣开下面 | 成人免费性视频 | 国产夜色福利院在线观看免费 | 动漫精品专区一区二区三区不卡 | 中文精品爱久久久国产 | 高清视频一区二区三区 | 真实偷清晰对白在线视频 | 欧美日本综合 | 亚洲欧美国产日产综合不卡 | 久久国产偷 | 一本久久精品一区二区 | 欧美三级做爰在线 | 伊人久久免费视频 | 亚洲美女亚洲精品久久久久 | 岛国片欧美一级毛片 | 美国大片成人性网 | 伊人久久99亚洲精品久久频 | 色涩视频| 1300部小u女视频免费 | 成人国产在线视频在线观看 | 日韩精品一区二区三区高清 | 黄色片子一级 | a久久99精品久久久久久不 | 成人黄色片视频 | 精品欧美日韩一区二区 | 小明看片成人永久在线观看 | 99精品国产兔费观看66 | 亚洲成人精品视频 | 黄色三级在线视频 | 玖玖国产在线观看 | 国产精品成人嫩妇 | 风间由美理伦片在线观看 | 黄色网页在线播放 | 久久中文字幕综合不卡一二区 | 亚洲成人偷拍自拍 |