html文本打印字段,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加上双引号显示。

《html文本打印<i>字段,Web前端学习第九课,使用文本格式化标签》” /></p><p>4.其他特殊的文本格式化标签</p><p>(1)等宽字体标记</p><p>在浏览器显示你的文本时,默认的是以比例字体显示。什么是比例字体呢? 先举个例子,字母M比字母I在水平方向上所占的宽度宽,比例字体就是按字母正常所占的宽度显示。</p><p>什么是等宽字体呢?等宽字体就是我们常见的打印机字体,即每个字母所占的宽度都一样。</p><p>在HTML中提供三个标记来使文本显示为等宽字体。它们分别是:</p><p>示例文字用于标记你所列举的例子</p><p><code>代码文字</code>用于标记你所列举的代码</p><p>键盘输入文字用于标记键盘输入</p><p>(2)预保留标签</p><p>当你用</p><p>标签标记一段文字时,浏览器默认显示方式是这样的:浏览器将这段文字显示为一行(如果你的显示器屏幕足够宽),即使你在源代码书写中将文字分为多行,除非你使用了换行标记<br />,否则浏览器不会换行;如果书写源文档时在两个词语之间插入了多个空格,浏览器会将这多个空格合并,只保留一个。总之,浏览器会忽略源代码中你书写换行和空格。</p><p>如果你想在浏览器显示网页时保留你书写源文档的样式,请用预格式化标记。它会按照你书写的方式来显示空格和换行。下面的段落按原样显示:</p><pre></pre><p>这是</p><p>一个</p><p>段落</p><p>5.重要小结</p><p>到现在为止,你基本已经了解了关于文本处理的大部分常用标记。在学习的过程中,你应该形成这些思维:HTML的标记仅仅是用来做网页的结构部件用的(比如,这是一个段落,那是一幅图片等),这些部件的显示样子和部件可产生的动作不归HTML管,那是CSS和Javascript的问题。HTML的实质就是用标签来包装你所要显示的内容,用来形成页面上显示的部件(图片,段落、视频等)。</p><p>在这里说明一下:文章中出现的标签、标记是同一个意思,你可以把所有的标签都理解为一个个包装盒子。你可以把文本,图片、视频等要显示在网页上的内容理解为要包装的物品。</p><p>文章中出现的组件,部件和元素是同一个意思,那就是用标签包装好的内容,你可以将它理解为用包装盒(标签)包装好物品(文字、图片或视频等),就形成了页面上的一个个部件。所有网页都是由这些部件组成的。</p><p>举报/反馈</p></div><div style=     原文作者:钱粮胡同
    原文地址: https://blog.csdn.net/weixin_35671171/article/details/117764493
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。

点赞