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 @   pure3417  阅读(870)  评论(0)  编辑  收藏  举报
相关博文：
· HTML（五）：div 和 span 标签
· HTML（八）：文本格式化标签
· 2024年9月15日
· HTML若干段落文档分割标签定义
· HTML段落
阅读排行：
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏
· Manus爆火，是硬核还是营销？
点击右上角即可分享
微信分享提示