文本格式化標籤字體大小號標籤、刪除線標籤以及下劃線標籤的使用

大家好,今天小編繼續上期文章繼續給大家講解文本格式化標籤。今天給大家主要講解字體大小號標籤、刪除線標籤和下劃線標籤的寫法和主要作用。希望能給大家帶來收穫!

大小字型大小標籤

在網頁編輯中想要對某段或者幾句話單獨進行文本大字型大小處理可以使用<big>標籤,而小字型大小標籤則可以使用<small>標籤。

書寫規範:大字型大小標籤<big></big>

小字型大小標籤<small></small>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

Advertisements

<title>大字型大小標籤</title>

</head>

<body>

<p>正常文本</p>

<big>大字型大小文本標籤</big><br>

<small>小字型大小文本標籤</small>

</body>

</html>

大、小字型大小標籤瀏覽器顯示

大小字型大小標籤在網頁開發中一般很少用得到,這兩個標籤都是純文本標籤,我在在改變字型大小大小的時候一般都用CSS控制。small在網頁中的作用非常多,一般都用在網頁底部的版權聲明。

刪除線標籤<s>

Advertisements

在網頁開發中,刪除線標籤主要用來表現不要準確或者不相關的內用。

書寫規範:<s></s>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>刪除線標籤</title>

</head>

<body>

<p>貴州茅台</p>

<p><s>原價:1988/瓶</s></p><br>

<p><strong>現價:988/瓶</strong></p>

</body>

</html>

刪除線瀏覽器顯示效果

刪除線效果一般用於商品中,在電商行業中廣泛使用,除了<s>標籤外,在css中還可以通過別的標籤來做刪除線效果。

下劃線標籤<u>

在網頁開發中,對文本實現下劃線效果使用的是<u>標籤。

書寫規範:<u></u>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>刪除線標籤</title>

</head>

<body>

<p>鬧花深處層樓,畫簾半卷東風軟。<u>春歸翠陌,</u>平莎茸嫩,垂楊金淺。</p>

</body>

</html>

下劃線瀏覽器顯示效果

水平線標籤

在網頁開發中,水平線標籤<hr>,是一個自閉合標籤。

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>刪除線標籤</title>

</head>

<body>

<p>鬧花深處層樓,畫簾半卷東風軟。</p>

<hr/>

<p>春歸翠陌,平莎茸嫩,垂楊金淺。</p>

</body>

</html>

水平線瀏覽器顯示效果

到這裡基本的文本格式化標籤給大家說完了,希望在今後的學習中能幫助到大家。如果遇到不懂得問題可以在下方評論區私聊我,我會給大家一一講解。

Advertisements

你可能會喜歡