HTML 段落

一、定义
所谓段落,英文单词为“paragraph”,标签为<p>,表示正文中的一段。

二、语法
<p>正文内容</p>

三、属性
align,对齐。取值有:left(居左)、right(居右)、center(居中)。
<p align="center">段落文字</p>,这一段代码表示文字左对齐。

四、注意
1、<p>标签正常情况下是成对出现的,虽然在实际使用中,经常只见<p>而不见</p>,但洪哥还是建议书写要规范。
2、<p>标签是分段,<br>标签是换行。两者的区别主要在于<p>标签的行间距要比<br>标签大。
3、<p>标签是块级元素。

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>段落1</p>
<p>段落2</p>
<p>段落3</p>
</body>
</html>

HTML 换行

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p>这个<br>段落<br>演示了分行的效果</p>
</body>
</html>

注意: <br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。

HTML 输出- 使用提醒

我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。

对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。


继续学习
||
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php(php.cn)</title>
</head>
<body>
<p></p>
<p> </p>
<p>20022003
    
    
    <br
    >·
    
    宿仿
    </p>
<p>
    E
    <br>
    
    </p>
</body>
</html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交重置代码
图片放大关闭