在HTML中，当需要显示文本时，通常情况下文本会根据容器的宽度自动换行。然而，有时候我们可能希望文本保持原始的格式，即不进行自动换行。这时，我们可以使用<pre>和<code>标签来实现这一需求。
<pre>标签
<pre>标签用于表示预格式化的文本。预格式化文本是指那些在显示时保留空格和换行符的文本。使用<pre>标签时，浏览器会按照文本在HTML文件中出现的顺序来显示它们，包括空格、制表符和换行符。
示例
<pre>
这是一个示例文本。
它将按照原始格式显示，
包括空格、制表符和换行符。
</pre>
输出结果：
这是一个示例文本。 它将按照原始格式显示， 包括空格、制表符和换行符。
属性
width：指定<pre>标签的宽度。height：指定<pre>标签的高度。class和style：用于添加自定义样式。
<code>标签
<code>标签用于表示计算机代码。当需要突出显示代码片段时，可以使用<code>标签。使用<code>标签后，浏览器会使用等宽字体来显示文本，以便更好地展示代码。
示例
<p>以下是一个简单的Python代码示例：</p>
<code>print("Hello, World!")</code>
输出结果：
以下是一个简单的Python代码示例：
print("Hello, World!")
属性
class和style：用于添加自定义样式。
总结
<pre>和<code>标签在HTML中用于显示不换行的文本。<pre>标签适用于显示包含空格、制表符和换行符的文本，而<code>标签则用于显示计算机代码。了解这两个标签的用法可以帮助您更好地组织网页内容。