HTML用来显示计算机代码的标签 pre 预定义格式标签

对于HTML，您无法通过在HTML代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的的空格或空行都会被算作一个空格。

    <!--显示页面时，浏览器会移除源代码中所有的空格与空行，所有连续的空格与换行都被算作一个空格。--><h1>《春晓》</h1><p>春眠不觉晓，处处闻啼鸟，夜来风雨声，花落知多少。</p><p>注意，浏览器忽略了源代码中的排版（省略了多余的空格与换行）</p>

显示的页面：

如果我们想在页面上显示一段代码，而浏览器又是忽略空格和空行的，那怎么办呢?

我们可以用预定义格式pre标签来显示计算机代码，它会保留空格与换行。

    <!--定义预格式文本--><pre>这是预格式文本。它保留了        空格和换行。</pre><p>预格式标签pre 适合用来显示计算机代码</p><pre>for i = 1 to 10print inext i</pre>

显示的页面：

HTML用来显示计算机代码的标签 pre 预定义格式标签相关推荐

把LabelImg标注的YOLO格式标签转化为VOC格式标签和把VOC格式标签转化为YOLO格式标签
把LabelImg标注的YOLO格式标签转化为VOC格式标签和把VOC格式标签转化为YOLO格式标签文章目录: 1 用LabelImgvoc和yolo标注标签格式说明 1.1 LabelImg标 ...
[C/C++] 显示各种C/C++编译器的预定义宏（C11标准、C++11标准、VC、BCB、Intel、GCC）
转载自来源: [C/C++] 显示各种C/C++编译器的预定义宏(C11标准.C++11标准.VC.BCB.Intel.GCC) http://dev.gameres.com/Program/Othe ...
html文本显示状态代码中表示什么,HTML文本元素标签
表示关键字和产品名称如:查看效果效果:加粗查看效果表示重要的文字如:查看效果效果:加粗查看效果强制换行如: 查看效果效果:在浏览器显示换行查看效果安全换行,一般只用于英文 ...
HTML标签详解之格式标签
本次的HTML教程是学习HTML格式标签,其中包括段落.区块和列表的HTML标签. 1.段落标签:<p>,用来定义文章中的段落,HTML会自动为段落前后添加一个额外空行,做为段落间距. 折 ...
格子玻尔兹曼方法书中，计算机代码（Fortran语言）FDM的输出结果是什么，为什么显示程序“[25024] Console1.exe”已退出，返回值为 0 (0x0)。
格子玻尔兹曼方法书中,计算机代码(Fortran语言)FDM的输出结果是什么,为什么显示程序"[25024] Console1.exe"已退出,返回值为 0 (0x0).
html元素一行显示不完收缩_这些常用的HTML标签，你还不知道吗？
随着互联网的不断发展与前端开发技术的不断进步,越来越多的人想在前端开发市场中分一杯羹,而HTML语言凭着它简单易懂的特性成为了不少计算机萌新的入门语言.那么什么是HTML呢? 什么是HTML HTML ...
php将上传的图片转为base64,html5实现把上传的图片转成base64编码在显示（代码实例）...
本章给大家介绍html5实现把上传的图片转成base64编码在显示(代码实例).有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来详细的看一看base64编码: 什么是bas ...
echarts柱状图显示百分比_Echarts 饼状图显示信息,内容,值,百分比都显示的代码更改图例等问题汇总...
增加了显示比例,显示内容显示比例代码显示完整代码: series: [{name:'访问来源',type:'pie',radius: ['50%', '70%'],avoidLabelOverlap ...
html 显示代码块,使用Pre在文章中显示代码块 - 文章教程
作为技术博客,难免会在文章中插入一部分代码块,代码具有一定的格式,所以很自然就会使用标签,其在使用上与等其他标签没有太大区别,但由于其会保留标签中所有的空白与换行,因此在使用时还是有几个地方是需要 ...
php点击按钮显示隐藏代码,jQuery中点击按钮实现显示与隐藏的方法
jQuery能够简单快捷的实现很多功能,因此在前端开发中被广泛使用,正在学习jQuery的小伙伴,你会用jQuery实现点击显示再次点击隐藏的效果吗(即jQuery二次点击隐藏)?这篇文章就和大家讲讲 ...

HTML用来显示计算机代码的标签 pre 预定义格式标签

HTML用来显示计算机代码的标签 pre 预定义格式标签相关推荐

最新文章

热门文章