【HTML·标签】2.2 格式标签（1）

提示：这里无法正常显示代码和图表，只能截图，可能不完整，请参考公众号同篇文章

在没有学习CSS样式之前，也可以对HTML内容进行排版美化，这就是HTML的格式标签。其实这个不难理解，在HTML4之后才有CSS样式，那么之前的页面必然也想要尽可能的美观，这就是为什么存在HTML格式标签了，不过，随着CSS的市场扩大，很过HTML格式标签也随之退出舞台。

HTML中的格式标签非常多，我们分多个小节介绍，这一节只要介绍<font>、<b>、<strong>、<i>、<em>、<s>、<del>、<u>、<ins>等标签

<font>标签

HTML5 不支持 <font> 标签。请用 CSS 代替。

在 HTML 4.01 中，<font> 元素 已废弃。

<font> 标签规定文本的字体、字体尺寸、字体颜色。

代码案例

font标签H5已经不支持，font标签有很多属性，其中基本属性在前一章已经讲了，有三个可选属性，color、face、size分别表示设置字体颜色，设置字体的字体样式，设置字体大小

除了扩展属性，还支持标准属性，标准属性有很多，可以参考常用属性。

<b>标签

定义粗体的文本。

注释：根据 HTML 5 的规范，<b> 标签应该做为最后的选择，只有在没有其他标记比较合适时才使用它。HTML 5 规范声明：标题应该用 <h1> - <h6> 标签表示，被强调的文本应该用 <em> 标签表示，重要的文本应该用 <strong> 标签表示，被标记的或者高亮显示的文本应该用 <mark> 标签表示。

提示：您也可以使用 CSS 的 "font-weight" 属性设置粗体文本。

代码案例

b标签是行内标签，不会换行，表示对文本加粗

支持全局属性

<strong>标签

是一个短语标签，用来定义计算机程序的样本重要的文本。

我们并不反对使用这个标签，但是如果您只是为了达到某种视觉效果而使用这个标签的话，我们建议您使用 CSS ，这样可能会取得更丰富的效果。

代码案例

strong标签与b标签的效果基本相同，表示对文本进行加粗强调

<i>标签

定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。

标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。

在没有其他适当语义的元素可以使用时，请使用 <i> 元素。其他语义的元素如下：

• <em> （被强调的文本）

• <strong> （重要的文本）

• <mark> （被标记的/高亮显示的文本）

• <cite> （作品的标题）

• <dfn> （一个定义项目）

代码案例

在b标签里面添加了一个i标签，表示的是对文本进行加粗和变成斜体，那么i标签表示的作用就是对文本进行斜体操作

对于上面的两个标签有么有先后之分，我们看下面个代码

从显示效果来看，是没有区分的。

支持全局属性

<em>标签

是一个短语标签，用来呈现为被强调的文本。

我们并不反对使用这个标签，但是如果您只是为了达到某种视觉效果而使用这个标签的话，我们建议您使用 CSS ，这样可能会取得更丰富的效果。

显示的内容，是在em标签里面添加i标签，表示先强调这个文本，然后对这个不正确的文本内容进行删除标识。

s标签也可以单独使用。

<del>标签

delete这个单词的缩写

定义文档中已删除的文本。

以看看 <ins> 标签如何标记先插入的文本。

<del> 和 <ins> 一起使用，描述文档中的更新和修正。浏览器通常会在已删除文本上添加一条删除线，在新插入文本下添加一条下划线。

代码案例