html编程，一段代码怎么按格式显示在网页中

要在网页中按格式显示一段代码，你可以使用 `<pre>` 元素或者 `<code>` 元素。下面是两种常用的方式：

1. 使用 `<pre>` 元素：

<pre>
    <code>
        function addText() {
            var input = document.getElementById("input");
            var display = document.getElementById("display");
            var text = input.value;
            
            // 创建新的段落元素，并将输入的文字添加到其中
            var paragraph = document.createElement("p");
            paragraph.textContent = text;
            
            // 将新的段落元素添加到显示区域
            display.appendChild(paragraph);
            
            // 清空输入框
            input.value = "";
        }
    </code>
</pre>

2. 使用 `<code>` 元素：

<code style="white-space: pre-wrap;">
    function addText() {
        var input = document.getElementById("input");
        var display = document.getElementById("display");
        var text = input.value;
        
        // 创建新的段落元素，并将输入的文字添加到其中
        var paragraph = document.createElement("p");
        paragraph.textContent = text;
        
        // 将新的段落元素添加到显示区域
        display.appendChild(paragraph);
        
        // 清空输入框
        input.value = "";
    }
</code>

这两种方式都会保留代码的格式，包括缩进和换行符。你可以根据需要选择其中一种方式，并将你的代码放在 `<pre>` 或 `<code>` 元素中。如果需要为代码应用样式，请使用 CSS 来进一步自定义外观。