HTML格式化文本实例

2022-04-13 小知识

格式化文本概念要跟纯文本概念一起来理解，是与纯文本相对的，有属于自身的风格与排版形式。下面，我们来看看如何使用HTML中的格式化文本吧。工具/材料格式化文本
操作方法 01 预格式文本
预格式文本的代码是<pre></pre>,在<pre></pre>中编写的文字、符号等会保留它的形式，即保留空格与换行，比如我们使用如下代码：
<pre>
搜狗
浏览器
</pre>

文章插图

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

文章插图

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

文章插图

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

文章插图

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

文章插图

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

文章插图

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

文章插图

08 【HTML格式化文本实例】预览效果
然后在浏览器中预览效果，可以看到文字有删除线，如下图所示：

文章插图

以上内容就是HTML格式化文本实例的内容啦，希望对你有所帮助哦！

推荐阅读

上一篇：姜的阳台种植方法：手把手教你在家种植生姜

下一篇：使用ps给女生添加光环的方法