![网页设计与制作教程:Web前端开发(第7版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/945/50604945/b_50604945.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.1.2 段落元素p和换行元素br
1.段落元素p
段落元素p用于定义一个段落(paragraph)。在显示内容时,浏览器会增加段前和段后的行距。段落的行数依赖于浏览器窗口的大小。如果段落元素的内容中有多个连续的空格(按<Space>键生成)或连续的换行(按<Enter>键生成),浏览器会将其解释为一个空格( )。段落元素的基本格式为:
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/25_01.jpg?sign=1739347452-F3k2JK08uaNyWV7Qvww3ZRCT364gLNie-0-4a8a2a16378cd6cc2eb2b20a87641ed4)
在HTML5中,推荐使用CSS来设置段落元素p的属性。
2.换行元素br
要在文本中创建一个换行,可以使用br元素。<br>标签定义一个换行(break),通常放在<p>标签内。需要注意的是,不要用<br>标签创建段落,因为它与<p>标签的语义不同,并且在浏览器中的显示效果也不同。<br>标签不会增加段前和段后的行距。换行元素的格式为:
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/25_02.jpg?sign=1739347452-62hYXMBTE2wfCiJ5zJdagu0KIwsvUVSV-0-0e9fa8cadac118e6c87a1565c18263a2)
【例2-2】段落元素p和换行元素br示例。本例文件2-2.html的代码如下,在浏览器中显示的效果如图2-2所示。
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/25_03.jpg?sign=1739347452-7qjIxFxsBwpWAQOzYOfSH4pUIfbDeWUU-0-db0a4aa541c5e9e44fe9f170bd4a7f12)
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/25_04.jpg?sign=1739347452-BI9hlu5xTqY0iYrBVVwjaCgfjUh6Fe9n-0-69f8baabf2ad7e2a428f161197535116)
图2-2 段落元素、换行元素示例
在此示例中,<p>标签用于创建两个独立的段落,而<br>标签则在每个段落内部创建了一个换行。此外,通过在<p>标签的内容中使用“ ”,还可以在段落的开始处创建缩进。