HTML学习笔记_004_分段与换行

时间:2022-12-26 16:34:01

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

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

效果图

HTML学习笔记_004_分段与换行

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

 

HTML 段落

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

 

下面来看一个实例:

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

效果图:

HTML学习笔记_004_分段与换行

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

 

 

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

<html>
<body>

<p>
这里是一个段落
</p>

<p>
这里学习换行,<br />这里是换行后的另一行
</p>

</body>
</html>

效果图:

HTML学习笔记_004_分段与换行

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