您的位置:首页 > Web前端 > HTML

html基础 预排版标签<pre> 不动如山的输出

2017-02-09 17:29 645 查看
镇场诗:
    清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
    学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————

code:

1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5     <title></title>
6     <meta charset="utf-8" />
7 </head>
8 <body>
9     <p>1 2  3    4</p><!--无论多少个空格,都算1个-->
10
11     <pre>1 2  3    4
12     </pre>
13     <!--预排版标记-->
14     <!--保留所有的空白,留白,不动如山的输出-->
15 </body>
16 </html>


result:



——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我是跟着 传智播客的PHP基础视频_html+css+js 视频教程学习的,推荐。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: