篇文章继续为大家介绍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，我们一起飞！