4.3 段落标签<p>

最新推荐文章于 2024-07-15 18:07:25 发布
原创 最新推荐文章于 2024-07-15 18:07:25 发布 · 377 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了HTML中用于组织文本内容的两种基本标签——段落标签&lt;p&gt;和换行标签&lt;br/&gt;的区别及用法。通过实例展示了如何使用这两种标签来改善文本的布局和阅读体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、段落标签< p>

语法：< p>段落内容< /p>
段落标签会自动换行，并且段落与段落之间有一定的空隙

二、换行标签< br/>

方法一：采用两个< p>标签（两行之间有空隙）

例如：< p>床前明月光，疑是地上霜。< /p>
< p>举头望明月，低头思故乡。< /p>

方法二：采用换行标签< br/>（两行之间无空隙）

< p>床前明月光，疑是地上霜。< br/>举头望明月，低头思故乡。< /p>

PS：< br>用来给文字换行，而< p>标签用来给文字分段。

HTML进阶--段落标签P --------16岁的小前端
weixin_44647939的博客
02-13 771
前面我们学习了使用【   &lt;br&gt;   】标签来实现这样一个效果；我说过实际上这里并不是使用【   &lt;br&gt;   】标签来实现的，我们只是学习【   &lt;br&gt;   】； 大家有没有听过这样的一段话【今天我们学习新的一课，把书翻到45页，先用2分钟的时间自己划分一下段落】  那么我们可不可以把那一段新闻看做是一个一个的【段落/自然段】， 　　1. ...
HTML常见标签（一）
blue2580的博客
04-29 798
1、注释标签 <!-- 注释，防止乱码--> <meta charset="UTF-8"> 快捷键 ctrl + /（取消注释也是）
＜p＞段落标签
qq_34771938的博客
06-26 566
标签结构： <p></P> 示例： 该标签用于定义一个段落，段落与段落之间会存在空行。 <p>我是第一个段落。</P> <p>我是第二个段落。</P> 不使用段落标签的效果： 我是第一个段落。 我是第二个段落。 备注： 与的区别： 标签需要结束标签，而不需要。 标签的主要作用是换行，不会添加段落间隔。 ...
HTML 段落<p>标签
weixin_30386713的博客
07-01 398
<p> 标签定义段落。 p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。 段间距IE默认为19px，通过p的margin-top属性设置FF默认为1.12em，通过p的margin-bottom属性设置p默认为块状显示，要清除段间距，一般可以设置p {margin-top:0;margin-bottom:0;} 延伸阅读：允...
＜ p ＞标签 定义段落
纸 鸢
09-17 688
HTML < p > 标签 - - - 定义段落 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>p标签</title> </head> <body> <p>第一个段落</p> <p>第二个段落</p> <p>第三个段落</p>.
段落标签——＜p＞＜/p＞标签与＜br＞标签
muyuxifeng的博客
07-09 994
区别： 标签将文本分成不同的段落 浏览器惠自动地在段落的前后添加空行 标签将某一段中的文本分行 **p标签分段，br标签分行** 示例： （未加段落标签） （两个p标签将文本分为两个段落） （br标签将第二个段落第一句话单独列为一行） ...
入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面2 入门实例新建一个test.html文件，内容如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一个标题</h1><p>我的第一个段落。</p> </body></html>其中：<!DOCTYPE html> 声明为 HTML5 文档<html> 元素是 HTML 页面的根元素<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）<title> 元素描述了文档的标题<body> 元素包含了可见的页面内容<h1> 元素定义一个大标题<p> 元素定义一个段落保存后运行，即可在浏览器中打开如下界面3 各部分详解3.1 标题HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>这是标题 1</h1><h2>这是标题 2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6> </body></html>3.2 段落HTML 段落是通过标签 <p> 来定义的<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <p>这是一个段落。</p><p>这是一个段落。</p><p>这是一个段落。</p> </body></html>3.3 链接HTML 链接是通过标签 <a> 来定义的<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <a href="https://blog.csdn.net/zong596568821xp">这是一个链接使用了 href 属性</a> </body></html>3.4 图像HTML 图像是通过标签 <img> 来定义的。注意： 图像的名称和尺寸是以属性的形式提供的。<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <img src="zongxp.jpg" width="640" height="640" /> </body></html>3.5 表格表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 <th> 标签进行定义。如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。使用边框属性来显示一个带有边框的表格：<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr></table>4 速查列表4.1 基本文档<!DOCTYPE html><html><head><title>文档标题</title></head><body>可见文本...</body></html>4.2 基本标签<h1>最大的标题</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的标题</h6> <p>这是一个段落。</p><br> （换行）<hr> （水平线）<!-- 这是注释 -->4.3 文本格式化
最新发布
04-02
段落标签 `<p>` 用于定义一段文字内容。例如： ```html <p>这是一个段落。</p> ``` 这是一段独立的文字区域[^1]。 #### 2. 表单相关标签 表单是用户与网站交互的重要方式之一。常见的表单标签有以下两种： - **`...
CSS 学习笔记
ShaoXiaoQi的博客
08-12 632
一、初识CSS 1.1 CSS概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。而且还
Web前端学习笔记第一篇HTML5
babypiglolo的博客
10-06 683
Web前端学习笔记第一篇第一篇 HTML5第1章 HTML5学习概述1.1 认识HTML51.2 学习HTML5前的工作准备1. 头部内容2. 主体内容第二章 HTML5常见的块级标签和行级标签2.1 常见的块级标签2.2 常见的行级标签2.3 HTML5新增结构标签简介第三章 HTML5表格3.1 HTML5表格简介3.2 表格的基本属性3.3 行和列的属性3.4 表格的结构化与直列化3.4.1 表格的结构化3.4.2 表格的直列化3.5 章节案例：完成“特别休假申请单”第四章 HTML5表单4.1 表
前端——HTML
LiLiLiLaLa的博客
04-22 8237
1.前端三门技术 学习Web前端技术需要掌握三门基本技术：HTML，CSS，JavaScript： HTML：HTML是网页内容的载体。内容就是网页制作者放在页面上想要用户浏览的信息，可以包含文件、图片、视频等 CSS：CSS样式是表现，就像网页的外衣比字体、颜色变化等 JavaScript：JavaScript用来实现网页上的特效效果。比如鼠标滑过弹出下拉菜单、鼠标滑过北京颜色改变等 使用工...
HTML 基础 之 段落标签(<p></p>) 学习笔记
Romantic Chopin in C Sharp Minor
02-07 1万+
文档段落： 注释 ： &lt;!-- 注释内容 --&gt; 1. 在&lt;body&gt; &lt;/body&gt;里面写文字，则可显示想要显示的文章。 2. 在&lt;head&gt; &lt;/head&gt;写 &lt;meta charset="utf-8"&gt;，则用utf-8编码显示文字。 3.标题标签： &lt;h1&gt;&
网页前端设计-作业一（HTML5）
qq_61727355的博客
08-18 6712
1 .普通（2分）HTML5新增的格式标签有哪些？HTML5新增的格式标签如下： 记号标签：可用于突出显示指定区域的文本内容，底色默认为黄色效果； 进度标签：可用于显示任务的进度状态，可以配合JS使用以显示任务进度的动态进行效果； 度量标签：可用于显示标量测量结果，通常用于显示磁盘的使用量、投票数据统计等。
html段落标签p的简介以及和换行标签br的区别
we
07-22 1万+
1内容常常我们在需要分段把文字有条理的显示出来时候，对内容前加内容后加即可实现文章换段落。1234567891011121314"utf-8">4.3段落标签木兰花·拟古决绝词人生若只如初见，何事秋风悲画扇。等闲变却故人心，却道故人心易变。...
Web开发：＜p＞标签作用
Weiki的博客
07-15 1460
Web开发：p标签作用
段落 p 标签
qq_30094821的博客
03-03 454
在构建网页时，文本内容的展示是基本且重要的一环。
HTML常用标签、p段落标签、br换行标签、文本格式化标签
七七的博客
03-03 3708
根据标签的语义,在合适的地方给一个最为合理的标签,可以让页面结构更清晰。 标题标签< h1> - < h6> 为了使网页更具有语义化,我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题， <h1> - <h6>。 <h1> 我是一级标题 </h1> 单词head的缩写,意为头部、标题。 标签语义 : 作为标...
关于HTML 笔记篇
天涯海风的博客
08-20 2699
学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签 掌握三种列表标签 掌握表格标签 掌握表格标签 掌握表单标签 typora-copy-images-to: media 自我介绍 前端基础 html +css 基础班 html 2 +css 7天 9 天 传统布局 + 3天...
闲谭HTML(15)--换行，重新出发
热门推荐
程序员大阳
10-08 1万+
本文目录1. 前言2. 换行标签br3. 标签的闭合问题4. 小结 1. 前言 我们之前学习过段落标签<p>，该标签中间的内容会形成一个段落，不同的段落之间会有换行的效果。 我们也可以直接使用换行标签<br>，该标签的作用就是生成一个换行。 2. 换行标签br 比如我们想写一首诗，让诗歌的每一句都独占一行，此时我们可以用<p>标签如下实现： <p> 假如生活欺骗了你 </p> <p>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值