
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.1.2 段落元素p和换行元素br
1.段落元素p
段落元素p用于定义一个段落(paragraph)。在显示内容时,浏览器会增加段前和段后的行距。段落的行数依赖于浏览器窗口的大小。如果段落元素的内容中有多个连续的空格(按<Space>键生成)或连续的换行(按<Enter>键生成),浏览器会将其解释为一个空格( )。段落元素的基本格式为:

在HTML5中,推荐使用CSS来设置段落元素p的属性。
2.换行元素br
要在文本中创建一个换行,可以使用br元素。<br>标签定义一个换行(break),通常放在<p>标签内。需要注意的是,不要用<br>标签创建段落,因为它与<p>标签的语义不同,并且在浏览器中的显示效果也不同。<br>标签不会增加段前和段后的行距。换行元素的格式为:

【例2-2】段落元素p和换行元素br示例。本例文件2-2.html的代码如下,在浏览器中显示的效果如图2-2所示。


图2-2 段落元素、换行元素示例
在此示例中,<p>标签用于创建两个独立的段落,而<br>标签则在每个段落内部创建了一个换行。此外,通过在<p>标签的内容中使用“ ”,还可以在段落的开始处创建缩进。