篇文章繼續為大家介紹html常用修飾標簽介紹。我們今天主要說下樣式標簽<span>、內容修飾標簽<b><i>等的語法以及使用技巧。

1）樣式標簽<span>

使用語法：<span>文章內容</span>

<span>標簽是沒有語義的，它的作用就是為了設置單獨的樣式用的。如果現在我們想要修改一篇文章中的幾個字字體效果，為它設置和其它文字不同的樣式，所以這樣情況下就可以用到<span>標簽了。比如我們設置字體顏色為藍色，并設置字號大小為30px，代碼如下圖所示：

代碼在瀏覽器中顯示的效果就如下圖所示：我們可以清楚的看到被span標簽包裹的文字內容已經變成了藍色，字體大小也變成了30px；

2）內容修飾標簽

內容修飾標簽有很多，這里我們簡單的來列舉一下標簽的名稱以及標簽的作用。

文字斜體標簽： <i></i>、<em></em>

文字加粗標簽： <b></b>、<strong></strong>

文字下標標簽： 

文字上標標簽： 

文字下劃線標簽： <ins></ins>

文字刪除線標簽： <del></del>

具體的代碼如下所示：

代碼在瀏覽器中顯示的效果就如下圖所示：每個被標簽包裹的內容都賦予了其獨立的效果。

好了以上就是我們所說的修飾標簽，每個標簽都有單獨的意義，在以后練習的時候可以自己多實踐一下，只有自己親自動手去寫了才能明白其中的含義以及效果。

附贈一句經典語錄：每一天，都要盡心盡力的工作，每一件小事情，都力爭高效的完成，不是為了看到老板的笑臉，而是為了自身不斷的進步。喜歡我的文章的小伙伴記得關注一下哦，每天將為你更新最新知識。

例

HTML 兩個列表實例： 一個有序列表 (<ol>) 和 一個無序列表 (<ul>) :

<ol>

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ol>

<ul>

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ul>

瀏覽器支持

目前多數主流瀏覽器支持 <li>標簽。

標簽定義及使用說明

<li> 標簽定義列表項目。

<li> 標簽可用在有序列表（<ol>）、無序列表（<ul>）和菜單列表（<menu>）中。

HTML 4.01 與 HTML5之間的差異

"type" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。

"value" 屬性 在 HTML 4.01 已被廢棄。HTML5 不支持該屬性。

提示和注釋

提示: 請使用 CSS 來定義列表和列表項目的類型。

屬性

全局屬性

<li> 標簽支持全局屬性，查看完整屬性表 HTML 全局屬性。

事件屬性

<li> 標簽支持所有 HTML 事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

例

<article> 的頁眉：

<article>

<header>

<h1>Internet Explorer 9</h1>

<p><time pubdate datetime="2011-03-15"></time></p>

</header>

<p> Windows Internet Explorer 9(縮寫為 IE9 )是在2011年3月14日21:00發布的</p>

</article>

瀏覽器支持

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <header> 標簽。

注釋：IE 8 或更早版本的 IE 瀏覽器不支持 <header> 標簽。

標簽定義及使用說明

<header> 標簽定義文檔或者文檔的一部分區域的頁眉。

<header> 元素應該作為介紹內容或者導航鏈接欄的容器。

在一個文檔中，您可以定義多個 <header> 元素。

注釋：<header> 標簽不能被放在 <footer>、<address> 或者另一個 <header> 元素內部。

HTML 4.01 與 HTML5之間的差異

<header> 標簽是 HTML 5 中的新標簽。

全局屬性

<header> 標簽支持 HTML 的全局屬性。

事件屬性

<header> 標簽支持 HTML 的事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！