美文网首页
<pre>标签

<pre>标签

作者: LvyCode | 来源:发表于2017-07-31 17:20 被阅读6次

在上节中介绍加入一行代码的标签为<code>,但是在大多数情况下是需要加入大段代码的,如下图

怎么办?不会是每一代码都加入一个<code>标签吧,没有这么复杂,这时候就可以使用<pre>标签。

语法:

<pre>语言代码段</pre>
<pre>标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。</pre>

如下代码:

<pre>
var message="欢迎";
for(var i=1;i<=10;i++)
{
alert(message);

}
</pre>

在浏览器中的显示结果为:

在上面的例子中可以看到代码中的空格,换行符都保留下来。如果用以前的方法,回车需要输入<br>签,空格需要输入&nbsp;

注意:<pre>标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

相关文章

  • <pre>标签

    在上节中介绍加入一行代码的标签为 ,但是在大多数情况下是需要加入大段代码的,如下图 怎么办?不会是每一代码都加入一...

  • <code><pre>标签,加入代码

    1、在介绍语言技术的网站中,避免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用 标签了...

  • HTML 4.01版

    复习 排版标签:p hr br pre 字体标签: 转义字符:<> 清单标签:有序列表...

  • 2019-03-20第二天

    常用的标签有 标题标签H系列 段落标签p系列 换行标签br 横线标签hr 常用的实体有<<>> © 空...

  • 2019-05-27第二天

    常用的标签有 标题标签H系列 段落标签p系列 换行标签br 横线标签hr 常用的实体有<<>> © 空...

  • 第二篇

    2.在HTML里打多个空格需要使用标签,一般标签有<;=<,> => =空格回车标签有...

  • jQuery html函数

    jQuery 的html()函数自动把不安全的标签 标签和&符号escape了 script标签被转换成 & lt...

  • html- <pre> &<code&

    用途: : 是一个短语标签,用于表示计算机源代码,code标签内的文本将用等宽、类似电传打字机样式的字...

  • Mybatis if标签判断数字大小

    if标签语法 条件表达式中大于号小于号用 gt,lt mapper xml

  • arguements应用

    HTML 标签, 在页面上显示代码< 做尖括号 , > 右尖括号 JS arguements是传递给函...

网友评论

      本文标题:<pre>标签

      本文链接:https://www.haomeiwen.com/subject/wbuewttx.html