pre 标签
pre 标签用于预定义文本样式，非常适用于诗歌、歌词、代码的展示。该标签忠实文本原有样式，亦即，当我们在记事本中编排一首诗歌或歌词，抑或一些编程代码，然后我们在其前、后加入 pre 标签的起止符号，则我们编排出的样式在 HTML 页面将得以原样显示。一段文本，不论你在记事本或文本编辑器中打多少个回车，不加修饰地放到 HTML 页面里来，它们都只是一行。所以，我们会用 <br /> 标签换行或用 <p>标签分段或用 <div> 标签分区域。而有些时候，我们只需简单按预设样式展示文本，用 <pre> 标签最合适，缩进、换行都按预设样式来，无需加入 <br /> 和空格等标签。
除非已事先定义了 pre 的一些特性，否则 pre 标签将以等宽字体呈现文本。pre 是可以通过 CSS 来定义相关属性的，但不建议这么做。
完整的 pre 标签代码样式如下：
<pre>
第一行
第二行
第三行
第四行
第五行
第六行
</pre>
这样的代码，在 <pre>和</pre>之间的文本编排，将得到忠实展现。效果请看下楼。
本帖最后由 马黑黑 于 2021-12-4 11:25 编辑 <br /><br /><pre>
山的呼吸 | 马黑黑
——观钢琴演奏有感
山在呼吸
草叶俘获的水珠渐渐长大
山的呼吸开始变换节奏
草叶承受不住水珠的重量
启明星湿漉漉在东方闪亮登场
突围暗夜奔向黎明
山的呼吸淹没在各色鸟兽的胜利呼声中
泉水也从梦中惊醒
叮叮咚咚加入晨曲的演奏队伍
山龟看似无动于衷
其实早已按捺不住迎接阳光的喜悦
只有山风理解山的呼吸
它那纤纤玉手游走在丝滑亮丽的黑白琴键
随山的脉搏倾泄出一段段未完成的梦境
主题灵动飘逸却又若有若无
</pre>
<pre>
这样
以后加
歌词
是不是
方便了很多
</pre> 绿叶清舟 发表于 2021-12-4 11:35
这样
以后加
歌词
对的。以前没说过么 马黑黑 发表于 2021-12-4 11:36
对的。以前没说过么
没有，一直用的换行码的 绿叶清舟 发表于 2021-12-4 11:37
没有，一直用的换行码的
我记得我有说过的，大家都不留意，以为我只会灌水 马黑黑 发表于 2021-12-4 11:39
我记得我有说过的，大家都不留意，以为我只会灌水
在水里说的啊，那个教程贴里肯定没有 绿叶清舟 发表于 2021-12-4 11:47
在水里说的啊，那个教程贴里肯定没有
不知道了，好像都有的 挺好用的。谢谢老黑。{:4_190:} 加林森 发表于 2021-12-4 12:14
挺好用的。谢谢老黑。
阔气了阔气了 马黑黑 发表于 2021-12-4 12:15
阔气了阔气了
很好的。{:4_191:}请喝。 加林森 发表于 2021-12-4 12:16
很好的。请喝。
你不喝呀 马黑黑 发表于 2021-12-4 12:18
你不喝呀
我现在不喝，等见了你再一起喝。 加林森 发表于 2021-12-4 12:28
我现在不喝，等见了你再一起喝。
好吧到时我叫欧阳奋强过来一块儿喝 马黑黑 发表于 2021-12-4 12:09
不知道了，好像都有的
这么方便的不会不记得的啊 绿叶清舟 发表于 2021-12-4 12:37
这么方便的不会不记得的啊
你们不在意呗，都玩高大上的 马黑黑 发表于 2021-12-4 12:37
你们不在意呗，都玩高大上的
胡说吧，后来也就个玩PS的 绿叶清舟 发表于 2021-12-4 12:41
胡说吧，后来也就个玩PS的
我说的是代码，都玩花里花俏的那些，看不上这个没啥大功能的 马黑黑 发表于 2021-12-4 12:42
我说的是代码，都玩花里花俏的那些，看不上这个没啥大功能的
这个在文字里很有用的 继续进来学习，观钢琴演奏有感，很棒啊，应该吧音乐帖出来啊
{:4_204:}{:4_170:}
页:
[1]
2