HTML用来显示计算机代码的标签 pre 预定义格式标签

对于HTML，您无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的的空格或空行都会被算作一个空格。

    <!--显示页面时，浏览器会移除源代码中所有的空格与空行，所有连续的空格与换行都被算作一个空格。-->
    <h1>《春晓》</h1>
    <p>
        春眠不觉晓，
            处处闻啼鸟，
                夜来风雨声，
                    花落知多少。
    </p>
    <p>注意，浏览器忽略了源代码中的排版（省略了多余的空格与换行）</p>

显示的页面：

如果我们想在页面上显示一段代码，而浏览器又是忽略空格和空行的，那怎么办呢?

我们可以用预定义格式pre标签来显示计算机代码，它会保留空格与换行。

    <!--定义预格式文本-->
    <pre>
        这是
        预格式文本。
        它保留了        空格
        和换行。
    </pre>
    <p>预格式标签pre 适合用来显示计算机代码</p>
    <pre>
        for i = 1 to 10
            print i
        next i
    </pre>

显示的页面：