標
突出一篇文章的重點區域,快速修飾文本內容的樣式,避免全篇文章都是白紙黑字,引起視覺疲勞。
修飾過后的文章
作用:文字傾斜
標簽:i、em
區別:em是會被搜索引擎收錄
<i>我是傾斜標簽i</i> <em>我是傾斜標簽em</em>
傾斜效果
作用:文字加粗
標簽:b、strong
區別:strong是會被搜索引擎收錄
<b>我是加粗標簽b</b> <strong>我是加粗標簽strong</strong>
加粗效果
作用:對文本進行補充說明
標簽:sup上標sub下標
上下標運用
上下標效果
作用:對文本增強注意
標簽:ins下劃線del刪除線
劃線標運用
劃線標效果
作用:對文本進行高亮顯示
標簽:mark
顯示標運用
顯示標效果
作用:對文本進行縮小顯示
標簽:small
縮小標運用
修飾標簽
更多前端教程,敬請關注微信公眾號:前端旺
篇文章繼續為大家介紹html常用修飾標簽介紹。我們今天主要說下樣式標簽<span>、內容修飾標簽<b><i>等的語法以及使用技巧。
使用語法:<span>文章內容</span>
<span>標簽是沒有語義的,它的作用就是為了設置單獨的樣式用的。如果現在我們想要修改一篇文章中的幾個字字體效果,為它設置和其它文字不同的樣式,所以這樣情況下就可以用到<span>標簽了。比如我們設置字體顏色為藍色,并設置字號大小為30px,代碼如下圖所示:
代碼在瀏覽器中顯示的效果就如下圖所示:我們可以清楚的看到被span標簽包裹的文字內容已經變成了藍色,字體大小也變成了30px;
內容修飾標簽有很多,這里我們簡單的來列舉一下標簽的名稱以及標簽的作用。
文字斜體標簽: <i></i>、<em></em>
文字加粗標簽: <b></b>、<strong></strong>
文字下標標簽: <sub></sub>
文字上標標簽: <sup></sup>
文字下劃線標簽: <ins></ins>
文字刪除線標簽: <del></del>
具體的代碼如下所示:
代碼在瀏覽器中顯示的效果就如下圖所示:每個被標簽包裹的內容都賦予了其獨立的效果。
好了以上就是我們所說的修飾標簽,每個標簽都有單獨的意義,在以后練習的時候可以自己多實踐一下,只有自己親自動手去寫了才能明白其中的含義以及效果。
附贈一句經典語錄:每一天,都要盡心盡力的工作,每一件小事情,都力爭高效的完成,不是為了看到老板的笑臉,而是為了自身不斷的進步。喜歡我的文章的小伙伴記得關注一下哦,每天將為你更新最新知識。
ext-decoration屬性介紹#
text-decoration屬性值說明表#
值作用none去掉文本修飾線underline設置下劃線overline設置上劃線line-through設置刪除線
HTML標簽自帶修飾線#
u標簽#
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>設置文本修飾線</title> </head> <body> <u>成功不是擊敗別人,而是改變自己</u> </body> </html>
*請認真填寫需求信息,我們會在24小時內與您取得聯系。