首页 web前端 html教程 html p标签是单标签吗?html p标签的使用方法介绍(内附实例)

html p标签是单标签吗?html p标签的使用方法介绍(内附实例)

Aug 30, 2018 pm 01:40 PM
html p

本篇文章主要的介绍了关于HTML中的p标签的具体使用方法和一些作用,内有实例解说,接下来就让我们一起看看这篇关于html P标签的文章吧

首先我们看看html p标签是单标签吗?

听这个问题就知道是没怎么用html,或者都没听过的小白,因为HTML p标签是HTML中最常见的标签之一了,段落标签,块级元素,是P标签的总体介绍,以

开头,以

结束,在

标签之中填入的所有文本都是以一段文本在浏览器中显示出来。(想看更多的就来PHP中文网HTML在线课程)

我们现在看看实例,然后边解说:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<p>这里是PHP中文网,这里提供了大量的免费,原创、高清的视频教程,在学习的时候可以直接在线实战。</p><p>这里是PHP中文网,
欢迎你的到来</p>
</body>
</html>
登录后复制

这里面我添加两段话,有两个P标签,在网页中的显示的效果如图:

tuyi.png

所以先不说P标签是成对出现的,如果你忘记结尾了效果也差不读,浏览器也能正常的显示出来,但这违反了w3c标准的规定了,还有万一你在浏览器中出现了一点错误,到最后你发现只是P标签没有结尾,这得多冤啊,所以,还是好好的写P标签,不要忘记结束标签了。

再看看因为P标签是块级元素,块级元素在网页中显示的就是换段显示,和换行差了一点,正常的来说,说换行也行,不过我们必须正规的来,换行有换行的标签,它的标签是
,没错,这是一个没有结束标签的元素。一般一行有点多了的话,br标签就会出现在那一行的后面 ,然后后面的文字都会在下一行显示了,现在我们看看实例

<body>
<p>这里是PHP中文网,这</br>里提供了大量的免费,原创、高清的视频教程,在学习的时候可以直接在线实战。</p>这里是PHP
中文网,欢迎你的到来</p>
</body>
登录后复制

中间添加了一个br换行标签,下面让我们看看效果:

tuer.png

如图,我在“这里”的中间加了一个br标签,我们可以看到br的后面就没有了,这一行就这样空出来了。所以平常的时候,一个段落有很多文本,经常需要把一些文本重点显示,除了加粗和斜体,我们还可以试试换行,让这文本突出显示,在一行之中就几个字能不突出吗。

html p标签的总结:

P标签主要用在标签中,像新闻页面一样,全是段落,那这里就会用到很多P标签了,P标签里面也可以增加很多元素的,在这里就不一一的说了,结果就是P标签是HTML网页中不可或缺的一个元素之一,用法很大,但具体的还需要别的标签来辅助这个标签的美观性和全局性。

好了,以上就是这篇文章的全部内容,有什么问题可以在下方提问。

【小编推荐】

HTML中插入文本ins标签和删除文本del标签如何一起使用?(附实例)

什么是html h1标签?html h1标签使用方法的详细介绍

以上是html p标签是单标签吗?html p标签的使用方法介绍(内附实例)的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1664
14
CakePHP 教程
1422
52
Laravel 教程
1316
25
PHP教程
1266
29
C# 教程
1239
24
HTML 中的表格边框 HTML 中的表格边框 Sep 04, 2024 pm 04:49 PM

HTML 表格边框指南。在这里,我们以 HTML 中的表格边框为例,讨论定义表格边框的多种方法。

HTML 中的嵌套表 HTML 中的嵌套表 Sep 04, 2024 pm 04:49 PM

这是 HTML 中嵌套表的指南。这里我们讨论如何在表中创建表以及相应的示例。

HTML 左边距 HTML 左边距 Sep 04, 2024 pm 04:48 PM

HTML 左边距指南。在这里,我们讨论 HTML margin-left 的简要概述及其示例及其代码实现。

HTML 表格布局 HTML 表格布局 Sep 04, 2024 pm 04:54 PM

HTML 表格布局指南。在这里,我们详细讨论 HTML 表格布局的值以及示例和输出。

HTML 输入占位符 HTML 输入占位符 Sep 04, 2024 pm 04:54 PM

HTML 输入占位符指南。在这里,我们讨论 HTML 输入占位符的示例以及代码和输出。

您如何在PHP中解析和处理HTML/XML? 您如何在PHP中解析和处理HTML/XML? Feb 07, 2025 am 11:57 AM

本教程演示了如何使用PHP有效地处理XML文档。 XML(可扩展的标记语言)是一种用于人类可读性和机器解析的多功能文本标记语言。它通常用于数据存储

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在这里我们还分别讨论了 HTML 有序列表和类型的介绍以及它们的示例

HTML onclick 按钮 HTML onclick 按钮 Sep 04, 2024 pm 04:49 PM

HTML onclick 按钮指南。这里我们分别讨论它们的介绍、工作原理、示例以及各个事件中的onclick事件。

See all articles