HTML实例-019 HTML的预文本样式

hrs 提交于 2019/10/25 - 08:34 , 周五

有时候我们对文本需要预演输出效果,我们可以使用 pre 标签对空行和空格进行控制。

实例代码:

<!doctype html>
<head>
<meta charset="utf-8">
</head>
<html>
<body>
<pre>
这是一个预演的文本样式,
它不会忽略空格,
按的编辑文本格式
进行输出。
<pre>
<p>pre 很适合计算机代码输出</p>
<pre>
 for i = 1 to 10
     print i
next i
</pre>
</body>
</html>

运行效果:

html_019.png

从这个实例中看出,我们在代码中输入的文本格式不会改变,这就是<pre> 标签样式 的作用。

 

标签