段落标签

<p>内容</p>

常常我们在需要分段把文字有条理的显示出来时候，对内容前加内容后加即可实现文章换段落。

应用举例：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>4.3 段落标签</title></head><body><h2>木兰花·拟古决绝词</h2><p>人生若只如初见，何事秋风悲画扇。</p><p>等闲变却故人心，却道故人心易变。</p><p>骊山语罢清宵半，泪雨零铃终不怨。</p><p>何如薄幸锦衣郎，比翼连枝当日愿。</p></body>
</html>

效果示例图

分析：上面的词写在段落p中，浏览器显示出来的文字会自动换行，并且段落和段落之间还有空隙。

再看看没有添加P标签的效果图

如果不添加分段标签，所有的文字都会在一个段落显示，虽然我已经很努力的进行了整齐的排列。但是浏览器不认。所以添加p标签，文字的显示会更加有条理。

不要忘记结束标签

如果忘记写结束标签，大多数浏览器也会正确地将 HTML 显示出来：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>4.3 段落标签</title></head><body><h2>木兰花·拟古决绝词</h2><p>人生若只如初见，何事秋风悲画扇。<p>等闲变却故人心，却道故人心易变。<p>骊山语罢清宵半，泪雨零铃终不怨。<p>何如薄幸锦衣郎，比翼连枝当日愿。</body>
</html>

上面的例子在大多数浏览器中都没问题，但千万不要这么写。这不仅是一个不好的习惯，而且忘记使用结束标签很可能造成网页构架出现严重的错误，比如错版。

换行标签

一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端才会自动换行，如果我们希望在中间换行，就要用到强制换行标签，是单词break的缩写，意为：打断、换行。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>4.3 段落标签</title></head><body><h2>木兰花·拟古决绝词</h2><p>人生若只如初见，何事秋风悲画扇。<br />等闲变却故人心，却道故人心易变。<br />骊山语罢清宵半，泪雨零铃终不怨。<br />何如薄幸锦衣郎，比翼连枝当日愿。</p></body>
</html>

元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。

上面的代码显示效果如图：

青青个人博客

网站首页
博客人生
博客教程
博客模板
帝国cms
网页制作
每日悦读
关于我

当前位置：首页 > 网页制作 > 正文

html段落标签p的简介以及和换行标签br的区别

时间：2022-04-29 11:02:27阅读数：33

段落标签

1	`<p>内容</p>`

常常我们在需要分段把文字有条理的显示出来时候，对内容前加内容后加即可实现文章换段落。

应用举例：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>4.3 段落标签</title>

</head>

<body>

<h2>木兰花·拟古决绝词</h2>

人生若只如初见，何事秋风悲画扇。

等闲变却故人心，却道故人心易变。

骊山语罢清宵半，泪雨零铃终不怨。

何如薄幸锦衣郎，比翼连枝当日愿。

</body>

</html>

效果示例图

分析：上面的词写在段落p中，浏览器显示出来的文字会自动换行，并且段落和段落之间还有空隙。

再看看没有添加P标签的效果图

不要忘记结束标签

如果忘记写结束标签，大多数浏览器也会正确地将 HTML 显示出来：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>4.3 段落标签</title>

</head>

<body>

<h2>木兰花·拟古决绝词</h2>

人生若只如初见，何事秋风悲画扇。

等闲变却故人心，却道故人心易变。

骊山语罢清宵半，泪雨零铃终不怨。

何如薄幸锦衣郎，比翼连枝当日愿。

</body>

</html>

换行标签

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>4.3 段落标签</title>

</head>

<body>

<h2>木兰花·拟古决绝词</h2>

人生若只如初见，何事秋风悲画扇。 

等闲变却故人心，却道故人心易变。 

骊山语罢清宵半，泪雨零铃终不怨。 

何如薄幸锦衣郎，比翼连枝当日愿。

</body>

</html>

元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。

上面的代码显示效果如图：

还是

您也许发现 与 很相似。有些网页中有使用 ，也有 ，这两种写法都可以，浏览器都不会显示有问题，w3c验证也不会提示有错误。

在 XHTML、XML 以及未来的 HTML 版本中，是不允许使用没有结束标签（闭合标签）的 HTML 元素。所以我们平时还是用 来换行，养成一种好的编程习惯。

段落和换行 的区别

1、段落标签p与换行br标签，使用上一点区别，是一对标签""，而br是单独的标签 

2、段落标签p，每个段落之间有一定距离，类似于一个p换段标签等于使用两个br标签换行

附加说明：常常使用段落标签，可以让文章条理段落上下分割清晰，同时也对搜索引擎优化（SEO），让搜索引擎感到你的网页内容段落清晰更加友好。

html段落标签p的简介以及和换行标签br的区别相关推荐

前端——5.HTML标签_段落标签和换行标签
这篇文章,我们来讲解一下HTML标签中的段落标签和换行标签目录 1.段落标签 1.1介绍 1.2实际案例 1.3小拓展 2.换行标签 2.1介绍 2.2实际案例 3.小结 1.段落标签我们首先来讲 ...
php div标签换行符,br【html换行】标签元素
html [html换行]html br标签,html钳制换行标签br学习和主宰.从br根蒂根基明确到实例树模相熟掌握html换行标签br. 网页文章排版时可能无意偶尔紧要对笔墨提行(换行).这个时分 ...
flash不是html标签,Flash中所支持的Html标签
Flash中所支持的Html标签超链接标签属性:href: 链接地址 target: 目标窗口可取值为_blank,_parent,_self,_top. 例: my_txt.htmlText= ...
day01【HTML基础】HTML表单【重点】、表单控件、水平线标签、段落和换行标签、超链接标签、图像标签、列表标签、div和span标签、转义（实体）字符、基本表格、合并表格
HTML 一 HTML概述超文本标记语言(Hyper Text Markup Language) 作用:搭建基础网页超文本:具有普通文本的特性,同时还可以加入图片.视频.超链接等等. 标记:即标签 ...
常用HTML标签元素介绍,常用的HTML标签元素总结简介
给大家收集整理了一些最常用的HTML标签元素,有需要的朋友可以保存一下,这些都是最常用的,几乎每一份网页都用得到的标签.标签是提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的 ...
html可视化布局工具_简介一些蜘蛛布局标签的饼图的绘制方法
简介一些蜘蛛布局标签的饼图的绘制方法mp.weixin.qq.com 简介一些蜘蛛布局标签的饼图的绘制方法 N个月前摸索了这种饼图的绘制方法.就是元素比较多,不显示标签的话仅靠图例的颜色标注就会很难 ...
html标签（段落标签，换行标签，文本格式化标签和局部标签）-小白学习中
html标签-2 4.段落标签 语义:可以把HTML文档分割成若干段. 特点:文本在一个段落中会根据浏览器窗口的大小自动换行. 段落和段落之间保有空隙. 5.换 ...
html作品简介代码,HTML5的标签的代码的简单介绍 HTML5标签的简介
HTML5的标签的代码的简单介绍 HTML5标签的简介发布时间:2012-05-28 14:43:34 作者:佚名我要评论本文主要介绍了HTML5的标签.不同于以前的标签.更简单.更方便 ...
web快速入门之基础篇-html：2、基本标签之标题标签、段落标签、换行标签
目录一.前言二.简单实例介绍实例代码运行效果三.要点说明 1.h1到h6 标题标签 2.p 段落标签 3.br 换行标签[单标记] 一.前言上一篇文章我整理以前上学的笔记是初见 html ...

html段落标签p的简介以及和换行标签br的区别

段落标签 <p>

换行标签<br />

html段落标签p的简介以及和换行标签br的区别

段落标签 <p>

换行标签<br />

<br> 还是 <br />

段落<p>和换行<br/>的区别

html段落标签p的简介以及和换行标签br的区别相关推荐

最新文章

热门文章