HTMl排版标签

最新推荐文章于 2024-05-30 21:20:12 发布

〆bird in the pool✘✘

最新推荐文章于 2024-05-30 21:20:12 发布

阅读量3.2k

点赞数 1

分类专栏： html 前端

本文链接：https://blog.csdn.net/qq_42057046/article/details/89930763

版权

前端同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

html

11 篇文章 0 订阅

订阅专栏

首先我们要明确HTML和CSS是两种不同的东西，这两者是不一样的，但他们都是被应用于前端开发的学习中最好分开去学，不然容易混乱。

今天介绍HTML中的排版标签

排版标签

排版标签主要和CSS搭配使用，是显示网页结构的标签，是网页布局最常用的标签

1.标题标签（熟记）

单丝缩写 head 头部，此处要和title区分开

标签分六级从<h1>到<h6>没有<h7><h8>以及这以后的

代码如下：

<DOCTYPE html>
	<html lang="en">
		<head>
			<meta charset="UTF-8">
			<title>啦啦啦</title>
		</head>
		<body>
			<h1>从前有座山</h1>
			<h2>山上有座庙</h2>
			<h3>庙里有个老和尚</h3>
			<h4>他在讲故事</h4>
			<h5>他讲的是什么</h5>
			<h6>他讲的是。。。</h6>
			               ...................
		</body>
	</html>

段落标签

单词缩写：paragraph段落

在网页中要把文字有条理的显示出来，离不开段落标签，就如同我们平常写的文章一样，整个网页也可以分为若干个段落，而段落的标签就是

水平线标识

<hr />

<！DOCTYPE html>
	<html lang="en">
		<head>
			<meta charset="UTF-8">
			<title>啦啦啦</title>
		</head>
		<body>
			<h1>从前有座山</h1>
			<h2>山上有座庙</h2>
			<h3>庙里有个老和尚</h3>
			<h4>他在讲故事</h4>
			<h5>他讲的是什么</h5>
			<h6>他讲的是。。。</h6>
			<hr />
			               ...................
		</body>
	</html>

运行结果

换行标签

<br />

注：段落和段落之间的距离一般来说比换行的大，这些距离可以使用css调整

div span标签

div span 是没有语义的，是我们在网页布局中主要的两个盒子

div是divsion的缩写分割，分区的意思 span跨度

语法格式

〆bird in the pool✘✘

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTMl排版标签

首先我们要明确HTML和CSS是两种不同的语言，这两者是不一样的，学习中最好分开去学，不然容易混乱。今天介绍HTML中的排版标签排版标签排版标签主要和CSS搭配使用，是显示网页结构的标签，是网页布局最常用的标签1.标题标签（熟记）单丝缩写 head 头部，此处要和title区分开标签分六级从<h1>到<h6>没有<h7><h8&gt...
复制链接

扫一扫