JavaWeb学习之路(20)–HTML之换行br与标签的闭合问题

布满荆棘的人生 2022-09-14 13:24 200阅读 0赞

***[点此查看全部文字教程、视频教程、源代码][Link 1]***

### 本文目录 ###

*  1. 前言
 *  2. 换行标签br
 *  3. 标签的闭合问题
 *  4. 小结

# 1. 前言 #

我们之前学习过段落标签``，该标签中间的内容会形成一个段落，不同的段落之间会有换行的效果。

我们也可以直接使用换行标签` `，该标签的作用就是生成一个换行。

# 2. 换行标签br #

比如我们想写一首诗，让诗歌的每一句都独占一行，此时我们可以用``标签如下实现：

假如生活欺骗了你
 
 
 不要悲伤，不要心急
 
 
 忧郁的日子里需要寂静
 
 
 相信吧，那快乐的日子即将来临

效果如下：  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54aK54yr5aSn5ZOl5aSn_size_15_color_FFFFFF_t_70_g_se_x_16]  
如果使用换行标签，代码如下：

假如生活欺骗了你 
 不要悲伤，不要心急 
 忧郁的日子里需要寂静 
 相信吧，那快乐的日子即将来临

两者对比效果如下，可以发现，p标签前后都换行，而br标签只是在当前位置生成一个换行。  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54aK54yr5aSn5ZOl5aSn_size_16_color_FFFFFF_t_70_g_se_x_16]

# 3. 标签的闭合问题 #

想必大家也发现了，HTML中有些元素是必须闭合的，比如：``，再比如`<html></html>`，这些标签有一个开头，然后有一个结束标签，中间就是内容部分。

但是有些标签，就没有结束标签，比如`<img>`，再比如` `，因为这些标签中间也不需要内容。

这样就挺尴尬的，相当于有两种标准。

实际上，这些标签也可以结束，直接加一个斜杠即可，如`<img />`、` `，这样写起来更加规范一些，都有头有尾嘛。

当然不写也行，直接写`<img>`、` `也是符合HTML标准的，但是写上之后更规范，符合更高的标准！

这一点了解就行。

# 4. 小结 #

学习了一个新的标签br，功能很简单就是换行。

[Link 1]: https://studyingpanda.blog.csdn.net/article/details/105329926
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54aK54yr5aSn5ZOl5aSn_size_15_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/9519941b1b484a8ea45c966727ee5add.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA54aK54yr5aSn5ZOl5aSn_size_16_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/296909ec1480440ebf562a1c8178b389.png