整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
標(biāo)
突出一篇文章的重點區(qū)域，快速修飾文本內(nèi)容的樣式，避免全篇文章都是白紙黑字，引起視覺疲勞。
修飾過后的文章
作用：文字傾斜
標(biāo)簽：i、em
區(qū)別：em是會被搜索引擎收錄
<i>我是傾斜標(biāo)簽i</i> <em>我是傾斜標(biāo)簽em</em>
傾斜效果
作用：文字加粗
標(biāo)簽：b、strong
區(qū)別：strong是會被搜索引擎收錄
<b>我是加粗標(biāo)簽b</b> <strong>我是加粗標(biāo)簽strong</strong>
加粗效果
作用：對文本進行補充說明
標(biāo)簽：sup上標(biāo)sub下標(biāo)
上下標(biāo)運用
上下標(biāo)效果
作用：對文本增強注意
標(biāo)簽：ins下劃線del刪除線
劃線標(biāo)運用
劃線標(biāo)效果
作用：對文本進行高亮顯示
標(biāo)簽：mark
顯示標(biāo)運用
顯示標(biāo)效果
作用：對文本進行縮小顯示
標(biāo)簽：small
縮小標(biāo)運用
修飾標(biāo)簽
更多前端教程，敬請關(guān)注微信公眾號：前端旺
篇文章繼續(xù)為大家介紹html常用修飾標(biāo)簽介紹。我們今天主要說下樣式標(biāo)簽<span>、內(nèi)容修飾標(biāo)簽<b><i>等的語法以及使用技巧。
使用語法：<span>文章內(nèi)容</span>
<span>標(biāo)簽是沒有語義的，它的作用就是為了設(shè)置單獨的樣式用的。如果現(xiàn)在我們想要修改一篇文章中的幾個字字體效果，為它設(shè)置和其它文字不同的樣式，所以這樣情況下就可以用到<span>標(biāo)簽了。比如我們設(shè)置字體顏色為藍色，并設(shè)置字號大小為30px，代碼如下圖所示：
代碼在瀏覽器中顯示的效果就如下圖所示：我們可以清楚的看到被span標(biāo)簽包裹的文字內(nèi)容已經(jīng)變成了藍色，字體大小也變成了30px；
內(nèi)容修飾標(biāo)簽有很多，這里我們簡單的來列舉一下標(biāo)簽的名稱以及標(biāo)簽的作用。
文字斜體標(biāo)簽： <i></i>、<em></em>
文字加粗標(biāo)簽： <b></b>、<strong></strong>
文字下標(biāo)標(biāo)簽： <sub></sub>
文字上標(biāo)標(biāo)簽： <sup></sup>
文字下劃線標(biāo)簽： <ins></ins>
文字刪除線標(biāo)簽： <del></del>
具體的代碼如下所示：
代碼在瀏覽器中顯示的效果就如下圖所示：每個被標(biāo)簽包裹的內(nèi)容都賦予了其獨立的效果。
好了以上就是我們所說的修飾標(biāo)簽，每個標(biāo)簽都有單獨的意義，在以后練習(xí)的時候可以自己多實踐一下，只有自己親自動手去寫了才能明白其中的含義以及效果。
附贈一句經(jīng)典語錄：每一天，都要盡心盡力的工作，每一件小事情，都力爭高效的完成，不是為了看到老板的笑臉，而是為了自身不斷的進步。喜歡我的文章的小伙伴記得關(guān)注一下哦，每天將為你更新最新知識。
ext-decoration屬性介紹#
text-decoration屬性值說明表#
值作用none去掉文本修飾線underline設(shè)置下劃線overline設(shè)置上劃線line-through設(shè)置刪除線
HTML標(biāo)簽自帶修飾線#
u標(biāo)簽#
Copy<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>設(shè)置文本修飾線</title> </head> <body> <u>成功不是擊敗別人，而是改變自己</u> </body> </html>
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
