html标签（段落标签，换行标签，文本格式化标签和局部标签）-小白学习中

本文链接：https://blog.youkuaiyun.com/mryer/article/details/106988340

本文介绍了HTML中的段落标签，用于将文档分割成若干段，文本会自动换行且段落间有空隙。同时讲解了换行标签，作为单标签，其作用是强制文本换行。此外，还提及了文本格式化和布局标签的学习。

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

html标签-2

4.段落标签

<p></p>

语义：可以把HTML文档分割成若干段。
特点：文本在一个段落中会根据浏览器窗口的大小自动换行。
段落和段落之间保有空隙。
5.换行标签

<br/>

语义：强制换行
特点：单标签
标签只是简单的开始新的一行，跟段落标签不一样。
例如：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>第三个网页</title>
</head>

<body>
	<h2>笑猫日记</h2>
	<p>《保姆狗的阴谋》：冬日的翠湖公园景象肃杀，
	而两只狗的出现更使这里充满了阴谋和杀机。
	平日里和牧羊犬亲密无间的腊肠狗，竟然一定要置牧羊犬于死地。
	一个又一个的谜团，伴着笑猫、地包天和杜真子，
	度过了一个不平静的冬季。
	最后，醒悟的腊肠狗为了救牧羊犬而死在车轮底下。
</p>
	<p>《想变成人的猴子》：在夏天开始的时候，
	笑猫带着一颗受伤的自尊心，
	离开了杜真子的家，住进翠湖公园的一个秘密山洞里，
	和一只受人虐待的猴子成了好朋友。一场暴雨淹没了山洞，
	笑猫和猴子因此来到马小跳的家。马小跳的生活让猴子羡慕不已。
	于是，猴子一心想变成人，一个个开心好玩的故事就这样发生了。
	</p>
	<p>《塔顶上的猫》：翠湖公园里有一座美丽的白塔。
	伴着第一缕春风，一只美丽的虎皮猫突然出现于塔顶。
	<br/>
	这惹怒了一群著名的“资格猫”，他们都上不去的地方，
	决不允许别的猫爬上去。他们开会咒骂，愤怒地游行，
	这些疯狂的行为，受到了老老鼠的嘲弄，
	让公园里的老鼠们乐翻了天。对喜欢上虎皮猫的笑猫来说，
	这真是一个热闹好笑而又他忧伤的春天。</p>
</body>
</html>

结果如下：
在这里插入图片描述
6.文本格式化标签

加粗 <string></string>或<b></b>
倾斜 <em></em>或<i></i>
删除线 <del></del>或<s></s>
下划线 <ins></ins>或<u></u>

7.布局标签

<div></div>
一行只能放一个
<span></span>
一行可以放多个

例如：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>文本格式化标签，布局标签</title>
</head>

<body>
    我要变<strong>粗</strong>，
	我要变<b>粗</b>
	<br />
	我要变<em>歪</em>，
	我真的<i>歪</i>了
	<br />
	来<del>删了我</del>，
	真的<s>删了</s>
	<br />
	<ins>我没有下线</ins>，
	<u>好吧，我有</u>
	<div>我独自占一行</div>
	<div>我也一样</div>
	<span>苹果</span>
	<span>香蕉</span>
	<span>西瓜</span>
</body>
</html>

结果如下：
在这里插入图片描述
注：正在跟随bilibili上的pink老师学习，欢迎大家一起来学习。