前端开发--HTML--<div><span><em><b><i><strong>标签大全链接

最新推荐文章于 2024-04-28 22:01:09 发布

小哦--

最新推荐文章于 2024-04-28 22:01:09 发布

阅读量377

点赞数

CC 4.0 BY-SA版权

分类专栏： html +css +javascript

本文链接：https://blog.youkuaiyun.com/sundanping_123/article/details/94435583

html +css +javascript 专栏收录该内容

43 篇文章

订阅专栏

本文探讨了前端开发中HTML的<div>和<p>标签的区别。div标签通常用于页面布局的嵌套，无段前空行，而p标签则带有段前空行。此外，还提及了<span>标签的作用将在后续内容中详细讲解。

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

在这里插入图片描述
下面我们看一下div和p标签的区别

<!DOCTYPE html>
<html>
<head>
	<meta charset='utf-8'>
	<title>个人主页</title>
</head>
<body>
	<h1>html简介</h1>
	<p>&nbsp;&nbsp;html是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language)，是网页制作所必备的。<br />“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。</p>
	
	<p>&nbsp;&nbsp;html是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language)，是网页制作所必备的。<br />“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。</p>

	<div>&nbsp;&nbsp;html是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language)，是网页制作所必备的。<br />“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。</div>

	<div>&nbsp;&nbsp;html是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language)，是网页制作所必备的。<br />“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。</div>
</body>
</html>

在这里插入图片描述
我们可以看出，div 是没有段前空行的阿，p 是有段前空行的

div 其实一般用来做嵌套，如下：

<!DOCTYPE html>
<html>
<head>
	<meta charset='utf-8'>
	<title>个人主页</title>
</head>
<body>
	<h1>html简介</h1>
	<p>&nbsp;&nbsp;html是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language)，是网页制作所必备的。<br />“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。</p>
	
	<p>&nbsp;&nbsp;html是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language)，是网页制作所必备的。<br />“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。</p>

	<div>&nbsp;&nbsp;html是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language)，是网页制作所必备的。<br />“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。</div>

	<div>
		<h1>html简介</h1>

		<p>
			&nbsp;&nbsp;html是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language)，是网页制作所必备的。<br />“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
		</p>
	</div>
</body>
</html>

在这里插入图片描述
下面看一下span 标签，好像并没有起到什么作用，这里之后讲它的作用。

<!DOCTYPE html>
<html>
<head>
	<meta charset='utf-8'>
	<title>个人主页</title>
</head>
<body>
	<div>
		<h1>html简介</h1>

		<p>
			<span>span，标签行内元素，表示一行中的一小段内容</span><br />
			<em>em,强调行内元素，表示语气的强调词，效果斜体</em><br />
			<i>i,表示专业词汇 ，效果斜体</i><br />
			<b>b,表示关键字，效果加粗。</b><br />
			<strong>strong，表示非常重要的内容，效果加粗。</strong><br />

		</p>
	</div>
</body>
</html>

在这里插入图片描述