在网页中，文字段落和代码都扮演着非常重要的角色。文字段落让文章更加具有逻辑性和可读性，代码则使网页更加交互和动态。而 HTML 是一种用来描述网页结构的标记语言，它可以方便地将文字段落和代码分别呈现在网页上。

文字段落在网页中通常使用 p 标签来表示，例如：

<p>这是一个文字段落。</p>

在这个例子中，<p> 表示文字段落的开始，</p> 则表示文字段落的结束。在这两个标签之间的就是我们要显示的文字段落内容。

代码在网页中通常使用 pre 标签来表示，例如：

<pre>这是一段代码</pre>

在这个例子中，<pre> 表示代码段的开始，</pre> 则表示代码段的结束。在这两个标签之间的就是我们要显示的代码内容。

当然，有时候我们需要在文字段落中展示一些代码，或者在代码段中展示一些说明文字。这时候就需要使用 escape 字符 < 和 > 来转义这些标签，例如：

<p>下面是一段 JavaScript 代码：</p>

<pre><code>function greet(name) {
  console.log('Hello, ' + name + '!');
}

greet('World');
</code></pre>

在这个例子中，我们使用 escape 字符来转义了 <pre> 和 </pre>，这样就可以在文字段落中显示代码块了。

总之，无论是文字段落还是代码，HTML 提供了丰富的标签来表示它们。熟练使用这些标签可以让网页更加具有可读性和交互性。