HTML学习笔记_004_分段与换行

我们先来看一个不分段的情况

1 <html>
2 <body>
3
4 这里是随便写的
5 看看和上面是不是一行
6
7 </body>
8 </html>

效果图

可以看得出来，我们写的代码，虽然在写的时候换行了，当时实际显示的时候却没有，这是因为如果这样写就换行的话，会给代码的编写带来很大的难度，不方便调整格式。

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

下面来看一个实例：

 1 <html>
 2 <body>
 3
 4 <p>
 5 这里是一个段落
 6 </p>
 7
 8 <p>这里是另一个段落，我们看看如果这一句很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的话会怎样显示</p>
 9
10 </body>
11 </html>

效果图：

这样测试下效果，看看在特殊情况下会如何显示，看到它自动为我们换行了，所以要注意段落是段落，行是行。（在vs2010中也测试通过，效果一样）

下面是换行的学习，这里只是大致的了解，并没有验证是不是真正的正确。

<html>
<body><p>
这里是一个段落
</p><p>
这里学习换行，<br />这里是换行后的另一行
</p></body>
</html>

效果图：

为了保证兼容性，在写代码的时候要注意，有开始，就要有结束。

HTML学习笔记_004_分段与换行相关推荐

c语言学习笔记之分段函数
内容来自哔哩哔哩视频 [浙江大学]C语言入门与进阶翁恺学习笔记分段函数 if ( x < 0 ) { f = -1; } else if ( x == 0 ) { f = 0; } els ...
OS学习笔记1——分段与分页
原文连接: 本文作者:Happysnaker 本文链接:https://www.cnblogs.com/happysnaker/p/15264905.html 存储器管理-动态分区分配算法_晓宜的博客 ...
Latex学习笔记（三）换行与换页
在排版过程中,不可避免的是换行与换页换行: 第一种方法:在每段后面加\par,比较麻烦第二种方法:直接空一行,自动换行,方便换页:\newpage 即可然而latex有个奇怪的地方,第一行文本 ...
自动驾驶规划模块学习笔记-piecewise分段曲线
jerk值是常量构造函数假定p0, v0, a0是起点时刻的位置,速度和加速度,p1, v1, a1是终点时刻的位置,速度和加速度,param是曲线的长度参数(可以是时间,也可以是fernet坐标 ...
MATLAB/simulink学习笔记（二）——对正弦函数判断的正负以及分段函数仿真
关注"小西的学习笔记"公众号获得更多资料
数据结构学习笔记（七）：哈希表（Hash Table）
目录 1 哈希表的含义与结构特点 1.1 哈希(Hash)即无序 1.2 从数组看哈希表的结构特点 2 哈希函数(Hash Function)与哈希冲突(Hash Collision) 2.1 哈希函 ...
c语言学习笔记（浙大翁恺mooc）
1.1 预备知识 #include <stdio.h>叫做"头文件就是一条预处理命令, 它的作用是通知C语言编译系统在对C程序进行正式编译之前需做一些预处理工作. 文件就是&q ...
万字HTTP学习笔记
*个人学习笔记,如有侵权,请立刻联系删除计划做得多不如极客上路老师背景: 罗剑锋(Chrono) 前奇虎360技术专家,Nginx/OpenResty开源项目贡献者 "To Be a H ...
Windows批处理程序编程学习笔记
Windows批处理学习笔记(基础篇) 第一章从零开始认识批处理(what why how) 1.1 什么是Windows批处理? 批处理程序全名为 Batch file programming 是 ...

HTML学习笔记_004_分段与换行

HTML 段落

HTML学习笔记_004_分段与换行相关推荐

最新文章

热门文章