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>
posted @ 2022-04-07 10:36  pure3417  阅读(808)  评论(0编辑  收藏  举报