1. 任务背景

我们之前学习过段落标签<div>，该标签会独占一块，在后面会产生换行效果。

我们也可以直接使用换行标签<br>，该标签的作用就是立即生成一个换行。

2. 任务目标

学习<br>标签的使用方法

3. 相关知识点

目前学过的p、div、br标签都可以换行，但是前两者成对使用，必须有开始标签和结束标签，而br可以单独使用。

4. 任务实操

比如我们想写一首诗，让诗歌的每一句都独占一行，此时我们可以用<div>标签如下实现：

     <div>假如生活欺骗了你</div><div>不要悲伤，不要心急</div><div>忧郁的日子里需要寂静</div><div>相信吧，那快乐的日子即将来临</div>

效果如下：

如果使用换行标签，代码如下：

     假如生活欺骗了你<br>不要悲伤，不要心急<br>忧郁的日子里需要寂静<br>相信吧，那快乐的日子即将来临<br>

效果如下，可以发现，跟上面使用div的效果是一样的。

5. 任务总结

虽然br跟div功能差不多，但是br还是有个优势的——代码量少啊。

在实际网页开发中，div和br用途还是有不小区别的，div用于划分区域，而br是在一个区域内产生一个换行的效果。

当然初学者阶段，了解一下就足够了。

零基础HTML教程(15)--换行相关推荐

python怎么输出浮点数_python 零基础入门教程第 2 章：基本数据类型 (一)
一.什么是数据类型编程语言通过一些复杂的计算机物理底层机制,创造不同类型的数据,用来表示现实世界中的不同信息,以便于计算机更好的存储和计算. 每种编程语言都会有一些基本的数据类型用来表示现实世界中的 ...
视频教程-Python零基础入门教程-Python
Python零基础入门教程从2012年从事互联网至今有7年软件编程经验,曾任职国内北京互联网公司,中南林业大学授课Python 现任逻辑教育Python课程负责人,精通Python语言,精通人工智能 ...
视频教程-ARDUINO零基础入门教程【代码编程篇】-Arduino
ARDUINO零基础入门教程[代码编程篇] 精通各种单片机编程,有十年以上ARDUINO,51单片机/STM32/PIC/AVR编程,硬件设计,绘图,编程经验.熟悉各种常用传感器使用和物联网通讯赵勇 ...
视频教程-HTML + CSS零基础经典教程系列-HTML5/CSS
HTML + CSS零基础经典教程系列全栈开发工程师,现职于北京一家学院的全栈教学主任. 8年前端开发经验.4年移动端开发经验.4年UI设计经验.3年一线教学经验. 精通Node.JS.PHP.Ja ...
gulp菜鸟级零基础详细教程，嘴对嘴教会你怎么使用gulp
gulp菜鸟级零基础详细教程,嘴对嘴教会你怎么使用gulp 相信大家一定听说过gulp或者webpack,grunt等前端构建工具,这些是做什么用的我也不知道,也许他们会和一些前端框架用到一起,让开发 ...
Python零基础入门教程（快速入门）
前言学无止境,无止境学. 今天要给大家分享的是<Python零基础入门教程01 快速入门>,这是一个系列的教程,从零基础到项目实战.在本教程中,我会给大家介绍Python入门的一些基础知 ...
C++零基础入门教程：基础篇（一）
前言嘿嘿,我叕来啦─=≡Σ(((つ•̀ω•́)つ!别问我为什么突然变成了零基础入门教程(一),因为前面那三篇都是基础的不能在基础的教程了.(其实是因为顺序乱了,而且那时候没有单独弄一个专栏,后面我会 ...
ue5新手零基础学习教程 Unreal Engine 5 Beginner Tutorial - UE5 Starter Course
ue5新手零基础学习教程 Unreal Engine 5 Beginner Tutorial - UE5 Starter Course! 教程大小解压后:4.96G 语言:英语+中英文字幕(机译)时长 ...
STM32 基础系列教程 15 - SPI
前言学习stm32 SPI通信接口使用,学会用SPI接口收发数据. 示例详解基于硬件平台: STM32F10C8T6最小系统板, MCU 的型号是 STM32F103c8t6, 使用stm32cu ...

零基础HTML教程(15)--换行

文章目录