JavaWeb学习之路(20)–HTML之换行br与标签的闭合问题
教程管理员 发布于2023-09-25 12:01 HTML教程 145
简介：
本文目录
1. 前言
2. 换行标签br
3. 标签的闭合问题
4. 小结
1. 前言
我们之前学习过段落标签<p>，该标签中间的内容会形成一个段落，不同的段落之间会有换行的效果。
我们也可以直接使用换行标签<br>，该标签的作用就是生成一个换行。
2. 换行标签br
比如我们想写一首诗，让诗歌的每一句都独占一行，此时我们可以用<p>标签如下实现：
<p>
假如生活欺骗了你
</p>
<p>
不要悲伤，不要心急
</p>
<p>
忧郁的日子里需要寂静
</p>
<p>
相信吧，那快乐的日子即将来临
</p>
效果如下：
如果使用换行标签，代码如下：
假如生活欺骗了你<br>
不要悲伤，不要心急<br>
忧郁的日子里需要寂静<br>
相信吧，那快乐的日子即将来临<br>
两者对比效果如下，可以发现，p标签前后都换行，而br标签只是在当前位置生成一个换行。
3. 标签的闭合问题
想必大家也发现了，HTML中有些元素是必须闭合的，比如：<p></p>，再比如<html></html>，这些标签有一个开头，然后有一个结束标签，中间就是内容部分。
但是有些标签，就没有结束标签，比如<img>，再比如<br>，因为这些标签中间也不需要内容。
这样就挺尴尬的，相当于有两种标准。
实际上，这些标签也可以结束，直接加一个斜杠即可，如<img />、<br/>，这样写起来更加规范一些，都有头有尾嘛。
当然不写也行，直接写<img>、<br>也是符合HTML标准的，但是写上之后更规范，符合更高的标准！
这一点了解就行。
4. 小结
学习了一个新的标签br，功能很简单就是换行。
相关推荐
- 03-06 环保主题标签——绿色环保简约清晰Office PPT免费模板背景素材下载
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 10-04 浏览器加载和渲染html的顺序，Div和Table的区别
- 10-04 《HTML5完美游戏开发》——2.6 Processing.js实例和整合
- 10-04 如何关闭Struts2的webconsole.html
- 10-04 《HTML5 开发实例大全》——1.4 使用CSS修饰HTML 5页面
- 10-04 《HTML5游戏编程核心技术与实战》——2.8 小结
- 10-04 腾讯视频生成的Html代码
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-
