当前位置:常识集 > 数码游戏 > IT技术 > HTML格式化文本实例
手机版

HTML格式化文本实例

来源:常识集 阅读:1.55W 次

格式化文本概念要跟纯文本概念一起来理解,是与纯文本相对的,有属于自身的风格与排版形式。下面,我们来看看如何使用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张
本文链接:https://www.changshiji.com/smyx/itjishu/r9doy9.html

Copyright © 2024. 常识集 All right reserved. 浙ICP备20202586号-2

文字美图素材,版权属于原作者。部分文章内容由网友提供推送时因种种原因未能与原作者联系上,若涉及版权问题,敬请原作者联系我们,立即处理。