当前位置:软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > html保留格式元素pre

html保留格式元素pre

2012/11/15 16:42:05作者:佚名来源:网络

移动端

【实例介绍】

html保留格式元素pre

pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体。

【基本语法】

<pre>文字</pre>

【语法介绍】

把制作好的文字排版内容前后加上始标记<pre>和尾标记</pre>,可以实现预格式化的效果。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>保留格式元素</title> </head> <body> <pre>为提高企业核心竞争力,公司不断强化质量管理, 严格按照ISO9002国际质量体系标准生产、销售, 以“诚信、优质、创新、提升”为企业经营理念,积极参与国际间合作, 引进国际上先进生产设备、技术和管理经验,在国际化发展战略的道路上不断迈进! 公司的经营宗旨是“科技领先、用户至上、质量第一、诚信守法”, 公司的经营理念是为客户提供更好更新的产品和服务。</pre> </body> </html>

【代码分析】

在代码中,加粗的代码标记用于保留格式元素,在浏览器中浏览,效果如图所示。

保留格式元素pre运行效果

 【素材及源码下载】

请点击:html保留格式元素pre 下载本实例相关素材及源码

 

标签: html  保留  格式元素