为了账号安全,请及时绑定邮箱和手机立即绑定

【学习打卡】第8天 <br>标签

标签:
Html5 CSS3

课程名称:初识HTML(5)+CSS(3)-升级版课程

课程章节: 写代码都不换行么? - 使用<br>标签实现换行效果

主讲老师:五月的夏天

课程内容:

了解<br>标签

课程收获:

想让诗显示得更美观些,如下面效果:

https://img1.sycdn.imooc.com//62f711df0001f5b309520621.jpg

可以用到<br />标签,在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。

代码改为:

https://img1.sycdn.imooc.com//62f711f8000191bd05000295.jpg

语法:

xhtml1.0写法:<br />

html4.01写法:<br>

一般使用 xhtml1.0 的版本的写法(其它标签也是),这种版本比较规范。

 

     <br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。

     在 html 中是忽略回车和空格的,输入的再多回车和空格也是显示不出来的。

如下边的代码:

https://img1.sycdn.imooc.com//62f712050001ee0902270232.jpg

上面的代码在浏览中显示是没有回车效果的。如下图所示:

https://img1.sycdn.imooc.com//62f71213000170f608680360.jpg

总结:在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />。


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
软件测试工程师
手记
粉丝
0
获赞与收藏
1

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消