码迷,mamicode.com
首页 > Web开发 > 详细

使用<pre>标签为你的网页加入大段代码

时间:2019-08-26 19:31:20      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:strong   pre   标签   使用   图片   inf   sage   例子   RKE   

语法:

<pre>语言代码段</pre>

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

如下代码:

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

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

技术图片

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

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

使用<pre>标签为你的网页加入大段代码

标签:strong   pre   标签   使用   图片   inf   sage   例子   RKE   

原文地址:https://www.cnblogs.com/iBoundary/p/11414306.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!