IT技术

当前位置 /首页/游戏数码/IT技术/列表

HTML格式化文本实例

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

HTML格式化文本实例

操作方法

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

HTML格式化文本实例 第2张

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

HTML格式化文本实例 第3张

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

HTML格式化文本实例 第4张

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

HTML格式化文本实例 第5张

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

HTML格式化文本实例 第6张

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

HTML格式化文本实例 第7张

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

HTML格式化文本实例 第8张

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

HTML格式化文本实例 第9张
TAG标签:HTML 格式化 实例 文本 #