继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

kk吖
关注TA
已关注
手记 28
粉丝 0
获赞 1

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

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

主讲老师:五月的夏天

课程内容:

了解<br>标签

课程收获:

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

http://img2.mukewang.com/62f711df0001f5b309520621.jpg

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

代码改为:

http://img2.mukewang.com/62f711f8000191bd05000295.jpg

语法:

xhtml1.0写法:<br />

html4.01写法:<br>

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

 

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

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

如下边的代码:

http://img3.mukewang.com/62f712050001ee0902270232.jpg

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

http://img2.mukewang.com/62f71213000170f608680360.jpg

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


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP