`
zhangyaochun
  • 浏览: 2566035 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

html标签之pre

阅读更多

 

HTML <pre> 标签

 

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

 

 

 

  • <pre>标签的一个常见应用是用来表示计算机的源代码
  • 导致段落断开的标签(例如标签、<p>、<address>标签)绝对不能包含在<pre>所定义的块里
  • <pre>元素中允许的文本可以包含物理样式和基于内容的样式变化,还有链接、图像、和水平分割线。
  • 其他的标签放在<pre>块中时,就像放在html文档的其他部分一样即可
  • <pre>标签中的特殊符号会被转换成符号实体----“&lt”--“<”
 
扩展阅读:
 
分享到:
评论

相关推荐

    Web-前端html+css从入门到精通 116. pre标签与code标签.zip

    Web-前端html+css从入门到精通 116. pre标签与code标签.zip

    div+pre标签的组合实现文本原格式显示与自动换行

    html的&lt;pre&gt;&lt;/pre&gt;标签用可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 而为了限制文本显示的范围,一般使用div+css设定自动换行或缩略等样式。对于未知的...

    wordpress使用pre标签来显示你的HTML

    我们在使用wordpress建立自己的博客时,经常需要对我们的代码进行高亮处理,当然我们可以使用插件来实现,例如以下几款插件: wordpress代码高亮插件:WP Code Highlight ... * 转换pre标签中的html代码 * * 使用't

    html pre标签使文本自动换行

    使用&lt;pre&gt;&lt;/pre&gt;标签,并设置其样式如下: 复制代码代码如下: pre{ white-space:pre-wrap;/*css-3*/ white-space:-moz-pre-wrap;/*Mozilla,since1999*/ white-space:-pre-wrap;/*Opera4-6*/ white-space:-o-pre-...

    ajax 返回值自动添加pre标签的解决方法

    ajax返回,自动添加pre标签 ajax返回的内容,居然自动添加了&lt;pre&gt;标签 在FF,ie,谷歌浏览器中,每个返回的都不一样:ff小写,ie大写,谷歌加style 查了一下,原来是返回的类型不对。 最终解决结果,修改一般处理...

    HTML标签HTML标签HTML标签

    1、文本标签(命令) &lt;pre&gt;&lt;/pre&gt; 创建预格式化文本 &lt;h1&gt;&lt;/h1&gt; 创建最大的标题 &lt;h6&gt;&lt;/h6&gt; 创建最小的标题 &lt;b&gt;&lt;/b&gt; 创建黑体字 &lt;i&gt;&lt;/i&gt; 创建斜体字 &lt;tt&gt;&lt;/tt&gt; 创建打字机风格的字体 &lt;cite&gt;&lt;/cite&gt; 创建一个引用,通常是...

    HTML标签手册大全

    html标签大全 &lt;html&gt;&lt;/html&gt; 创建一个HTML文档 &lt;head&gt;&lt;/head&gt; 设置文档标题和其它在网页中不显示的信息 &lt;title&gt;&lt;/title&gt; 设置文档的标题 &lt;h1&gt;&lt;/h1&gt; 最大的标题 &lt;pre&gt;&lt;/pre&gt; 预先格式化文本 &lt;u&gt;&lt;/u&gt; 下划线 &lt;b&gt;...

    HTML标签大全

    HTML标签--文档 &lt;!DOCTYPE&gt; 文档类型 &lt;html&gt;文档 文档主体 &lt;h1&gt; to &lt;h6&gt; HTML 标题 段落 换行 水平线 &lt;!--...--&gt;注释 --文本 粗体文本 不赞成用。文本字体、尺寸和颜色 斜体文本 强调文本 大文本 强烈强调文本 ...

    如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度

    HTML中pre和textarea可以显示预格式化的文本。即保留空格和换行符。而不必添加 和 等HTML元素来添加换行和打印空格。 pre去掉滚动条 pre显示文本内容时是不会自动换行的,此时可以添加一些CSS来解决: &lt;pre&gt;...

    html pre标记里内容自动换行

    被包围在 pre 元素中的文本通常会保留空格和换行符,但不幸的是,当你在&lt;pre&gt;标签里面写代码的时候,如果你没有手动换行,它也会给你保留,而不会自动换行。 这时候,你可以使用overflow:auto; (当代码超出容器边界...

    jQuery实现将页面上HTML标签换成另外标签的方法

    本文实例讲述了jQuery实现将页面上HTML标签换成另外标签的方法。分享给大家供大家参考。具体分析如下: 替换前代码如下: &lt;code&gt; A &lt;code&gt; B &lt;code&gt; C 替换后代码如下: &lt;pre&gt; A &lt;/pre&gt; &lt;pre&gt; A &lt;/pre&gt; &lt;pre&gt; ...

    html中常用的标签总结(必看)

    ~标题标签&lt;pre&gt;格式化文本下划线(underline)斜体字(italics)引用,通常为斜体强调文本通常为斜体加重文本,通常为黑体设置字体、字体大小、颜色等&lt;big&gt;&lt;small&gt;字体变大和字体变小加删除线程序码定义键盘文本块...

    IE6,IE7下实现white-space:pre-wrap

    HTML 的空白符处理规则 HTML 中的“空白符”包括空格 (space)、制表符 (tab)、换行符 (CR...于是我们经常会把一段表示计算机代码的文本放进 &lt;pre&gt; 标签中,它们在浏览器中会表现出自身的空格缩进和换行效果,而不需要我

    前端css+html+布局笔记

    HTML是采用纯文本的形式的编写,采用HTML标签来标识出页面中的不同部分 标签 成对出现 &lt;标签名&gt;标签名&gt; 自结束标签 &lt;标签名 /&gt; 属性 通过属性可以设置标签的效果 属性需要定义在开始标签中或这自结束标签中 ...

    从入门到精通HTML5——PDF——网盘链接

     3.3.4 保留原始排版方式标记——pre 53  3.3.5 居中对齐标记——center 54  3.3.6 向右缩进标记——blockquote 55  3.4 水平线标记 56  3.4.1 添加水平线——hr 56  3.4.2 设置水平线的宽度与高度  ——...

    HTML标签元素单词释义及知识点总结

    HTML标签元素单词释义及知识点总结 一.说明 该内容为本人自学HTML所记笔记,如有不准确的地方欢迎各位品评指正,希望对需要的人有所帮助,谢谢。 二.基本标签 块级元素:div;p;dl;form;h1~h6;ol;ul 行内元素...

    Html5中文手册(程序员必备手册)

    Html 5 标签(按照英文字母a~z顺序排列): 1、&lt;!--...--&gt; 定义注释。 2、&lt;!DOCTYPE&gt; 定义文档类型。 3、&lt;a&gt; 定义超链接。 4、&lt;abbr&gt; 定义缩写。 5、&lt;address&gt; 定义地址元素。 6、&lt;area&gt; 定义图像映射中的区域。 7...

Global site tag (gtag.js) - Google Analytics