我这代码写出来 怎么变成这样子了 是哪里出问题了

我这代码写出来 怎么变成这样子了 是哪里出问题了

<!doctype html>

<html>

    <head>

        <meta charset="utf-8"/>

    </head>

    <body align="center">

        <h1> 敕勒歌 </h1>

        <h2> 朝代:南北朝 </h2>

        <h3> 作者:佚名 </h3>

        &nbsp; 敕勒川, <br/>

        &nbsp; 阴山下。<br/>

        &nbsp; 天似穹庐,<br/>

           <pre> 

              笼盖四野。

              天苍苍,

              野茫茫。

              风吹草地见牛羊。

           </pre>

    </body>

</html>

http://img1.sycdn.imooc.com//climg/5dc384cc091c661e12610503.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕阳 2019-11-07 14:08:08

同学你好,如图所示,这里是因为pre标签保留了编辑器的空格格式,另外,同学你的截图中meta拼写错误哦

http://img1.sycdn.imooc.com//climg/5dc3b49f094a7d6a05530507.jpg

参考如下:

http://img1.sycdn.imooc.com//climg/5dc3b4a90966b51205540463.jpg

如果帮助到你,欢迎采纳,祝学习愉快~

  • 提问者 慕九州5543252 #1
    那我使用pre的时候怎么知道我大概从哪个位置开始写呢
    2019-11-07 14:36:39
  • 好帮手慕阳 回复 提问者 慕九州5543252 #2
    同学你好,在页面要实现什么样的效果,在编辑器中怎么写就可以; pre标签常见的应用是用来包裹计算机源代码的.所以实际开发中, 应用的不多,同学简单学会使用这个标签即可. 如果帮助到了你,欢迎采纳,祝学习愉快~
    2019-11-07 17:38:00
weixin_慕莱坞100221 2019-11-07 13:35:51

你pre内的代码,每行前面已经有很多空格了,可以勾选自动运行来看实时效果

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师