html文本打印<i>字段,Web前端学习第九课，使用文本格式化标签

1.如何给元素添加样式？

通过前面的学习大家知道，在web前端中，元素所显示出来样子称为表现，专业处理元素长什么样子的技术主要是CSS(层叠样式表)。

不过在HTML语言中，你可以用以下两种方式先进行简单处理。

第一个就是我们在元素的开始标记中利用元素的属性来设置，即在元素的开始标签中添加一个或多个“属性名=属性值”的形式，这在前面的课程中已经讲过。例如，你可以为段落添加字体、字号、大小、颜色等属性。你可以为图片添加图片地址、宽度、高度等属性。这种方式适用于所有的HTML元素。

第二个就是为所要处理的文本添加格式化标签。这种方式仅适用于文本内容。什么是文本呢？文本就是我们平时看到一篇文章、一段话、一个句子、一个词语、一个字或符号。它是由汉字、字母、标点符号或数字组成。

2.文本格式化标签。

同段落标签

,标题标签一样，文本格式化标签也是用来标记你的内容。不过它们的作用仅仅是用于格式化(这个被标记的文本长什么样子)，并且这些标签只能用于文本内容的标记。你可以用它们来格式化一个字符，一个词语，一个句子，或一段文字。所有文本格式化标签的使用，都和其他标签使用方式基本一样。

实例：下面的例子表示将段落内的”网页”这个词语以斜体字表示。

这是我的网页设计

3.常用的11个文本格式化标签及其解释。

文字1 文字1以粗体字显示

文字2 文字2也是以粗体字显示

文字3 文字3以斜体字显示

文字4 文字4也是以斜体字显示

文字5 显示的文字5比段落内的其他文字小

文字6 显示的文字6比段落内的其他文字大

文字7 在文字7下面添加一个下划线(横线)

文字8 在文字8上添加删除线(斜线)

_文字9 文字9定义为下标，显示比正常文字偏下，并且偏小。例如化学式子中的下标数字。

^文字10文字10定义为上标，显示比正常文字偏上，并且偏小。例如数学公式中的上标数字(x的平方，你可以将数字2标记起来)。

文字11将文字11加上双引号显示。

4.其他特殊的文本格式化标签

(1)等宽字体标记

在浏览器显示你的文本时，默认的是以比例字体显示。什么是比例字体呢？ 先举个例子，字母M比字母I在水平方向上所占的宽度宽，比例字体就是按字母正常所占的宽度显示。

什么是等宽字体呢？等宽字体就是我们常见的打印机字体，即每个字母所占的宽度都一样。

在HTML中提供三个标记来使文本显示为等宽字体。它们分别是:

示例文字用于标记你所列举的例子

代码文字用于标记你所列举的代码

键盘输入文字用于标记键盘输入

(2)预保留标签

当你用

标签标记一段文字时，浏览器默认显示方式是这样的：浏览器将这段文字显示为一行(如果你的显示器屏幕足够宽)，即使你在源代码书写中将文字分为多行，除非你使用了换行标记
，否则浏览器不会换行;如果书写源文档时在两个词语之间插入了多个空格，浏览器会将这多个空格合并，只保留一个。总之，浏览器会忽略源代码中你书写换行和空格。

如果你想在浏览器显示网页时保留你书写源文档的样式，请用预格式化标记。它会按照你书写的方式来显示空格和换行。下面的段落按原样显示：

这是

一个

段落

5.重要小结

到现在为止，你基本已经了解了关于文本处理的大部分常用标记。在学习的过程中，你应该形成这些思维：HTML的标记仅仅是用来做网页的结构部件用的(比如，这是一个段落，那是一幅图片等)，这些部件的显示样子和部件可产生的动作不归HTML管，那是CSS和Javascript的问题。HTML的实质就是用标签来包装你所要显示的内容，用来形成页面上显示的部件(图片，段落、视频等)。

在这里说明一下：文章中出现的标签、标记是同一个意思，你可以把所有的标签都理解为一个个包装盒子。你可以把文本，图片、视频等要显示在网页上的内容理解为要包装的物品。

文章中出现的组件，部件和元素是同一个意思，那就是用标签包装好的内容，你可以将它理解为用包装盒(标签)包装好物品(文字、图片或视频等)，就形成了页面上的一个个部件。所有网页都是由这些部件组成的。

举报/反馈