HTML格式化文本实例

格式化文本概念要跟纯文本概念一起来理解,是与纯文本相对的,有属于自身的风格与排版形式。下面,我们来看看如何使用HTML中的格式化文本吧。

操作方法

  • 01

    预格式文本 预格式文本的代码是<pre></pre>,在<pre></pre>中编写的文字、符号等会保留它的形式,即保留空格与换行,比如我们使用如下代码: <pre> 搜狗 浏览器 </pre>

  • 02

    预览效果 然后在浏览器中预览效果,可以看到文字保留了它的空格与换行,如下图所示:

  • 03

    地址 在网页中编写地址,使用<address>标签,比如书写如下代码: <address> 福建省厦门市 </address>

  • 04

    预览效果 然后在浏览器中预览效果,可以看到地址的文字是以斜线形式展示,如下图所示:

  • 05

    下划线 在网页中对文字添加下划线,可以使用<u>标签,比如编写如下所示代码: 下划线:<U>搜狗浏览器</U>

  • 06

    预览效果 然后在浏览器中预览效果,可以看到文字下方有下划线,如下图所示:

  • 07

    删除线 在网页中对文字添加删除线,这在很多场合中很常用,比如商品的价格,划掉原价格,编写代码如下图所示:

  • 08

    预览效果 然后在浏览器中预览效果,可以看到文字有删除线,如下图所示:

(0)

相关推荐

  • 怎么将格式化文本导入Excel

    怎么将格式化文本导入Excel

  • wps技术贴:如何将格式化文本导入WPS表格

    在wps的日常办公中,往往需要将格式化文本导入wps表格之中,今天我们来探讨一下如何将格式化文本导入WPS表格中. 操作方法 01 1.在Windows"记事本"中输入格式化文本, ...

  • CSS文本实例:使用数值来设置行间距

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS文本实例:使用数值来设置行间距 步骤/方 ...

  • CSS文本实例:规定字符间距

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS文本实例:规定字符间距 步骤/方法 01 ...

  • Keynote怎么格式化文本

    在设备上启用任何中文、日文或韩文键盘时,Keynote 会提供一些特定于语言的文本格式化功能,包括强调样式、列表样式和拼音指南。格式化选项是否可用,取决于您所启用的语言键盘。 若要获得最佳效果,请使用 ...

  • excel函数实例教程:[14]Text函数使用方法

    Text函数的功能是实现格式化文本输出,可以将数值内容转换成文本按指定格式输出.下面小编就通过举例与大家分享一下Text函数的使用方法. 操作方法 01 首先来看一下Text函数的基本语法格式: TE ...

  • word2013快速格式化文档的方法

    Word 提供了主题和样式集功能,能够快速高效地格式化文本.今天,我们小编就和大家一起看一下Word2013中快速高效地格式化文档的方法吧. Word2013中快速高效地格式化文档的步骤: 使用内置的 ...

  • Windows系统如何调整Clear Type文本

    现在大部分电脑都是Windows系统,有些新用户不知道如何调整Clear Type文本,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示,先点击左下角[开始]图标,接着 ...

  • 用Word2013主题和样式集,快速高效地格式化文档

    Word 提供了主题和样式集功能,能够快速高效地格式化文本. 使用内置的主题和样式集 01 键入文字,生成文档.Word 的默认模板下,默认的样式是"正文",这是一种最简单的样式, ...