HTML(四):段落标签和换行标签
段落标签
在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示。在HTML标签中,<p>
标签用于定义段落,它可以将整个网页分为若干个段落。
基本语法
<p> 我是一个段落标签</p>
- 单词 paragraph [ 'pærəɡræf ] 的缩写,意为段落。
- 标签语义:可以把HTML文档分割为若干段落。
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>段落标签</title>
</head>
<body>
<p>
清风微拂摇动着心莲,这春,柳巷悠长情浓浓,柳丝长长穿过那幽静的古庭院,店肆古朴,井水幽兰,莺莺艳舞,
喜鹊在树柳上歌吟,满城的柳絮纷舞洋溢着空气,花蝶双舞抖艳姿,一股子花香迷情依依不舍,叶露交柔枝梢上缠绵,
小草绒绒铺满了长长的小径,旖旎的日子,明丽妖娆,春山满园,桃李芬芳,野花芬郁花艳迷情,轻蘸一缕墨香,
渲染这一季的温婉柔情,触景生情,石桥长廊碧园春风吹拂,湖水荡波纹,飞溅的情水湿了丛中瓣,
这花蕊沁心温润可人,悄悄的绽放在深春江南的沃野。
</p>
</body>
</html>
换行标签
在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后才自动换行。如果希望某段文本强制换行显示,就需要使用换行标签<br/>
基本语法
<br />
- 单词 break 的缩写,意为打断、换行。
- 标签语义:强制换行。
- 特点:
<br/>
是个单标签<br/>
标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>换行标签</title>
</head>
<body>
<p>
清风微拂摇动着心莲,这春,<br />柳巷悠长情浓浓,柳丝长长穿过那幽静的古庭院,店肆古朴,井水幽兰,莺莺艳舞,
喜鹊在树柳上歌吟,满城的柳絮纷舞洋溢着空气,<br />花蝶双舞抖艳姿,一股子花香迷情依依不舍,叶露交柔枝梢上缠绵,
小草绒绒铺满了长长的小径,旖旎的日子,明丽妖娆,<br />春山满园,桃李芬芳,野花芬郁花艳迷情,轻蘸一缕墨香,
渲染这一季的温婉柔情,触景生情,<br />石桥长廊碧园春风吹拂,湖水荡波纹,飞溅的情水湿了丛中瓣,
这花蕊沁心温润可人,悄悄的绽放在深春江南的沃野。
</p>
</body>
</html>