<pre>标签，加入代码段

fakeyanss

于 2017-02-20 16:58:04 发布

阅读量714

点赞数

分类专栏： html+css

本文链接：https://blog.youkuaiyun.com/tangfengchoumou/article/details/56015903

版权

html+css 专栏收录该内容

25 篇文章

订阅专栏

本文介绍了HTML中`<pre>`标签的作用，主要用于保留文本的空格和换行符，常用于展示预格式化的文本，如计算机源代码。文中包含了一个`<pre>`标签的使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

语法：

<pre>代码段</pre>

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

如下代码：

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

结果如图

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

练习：

<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>pre标签的使用</title>
</head>

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