排版标签
排版标签主要搭配css使用，显示网络结构的标签是最网页布局常用的标签。
标题标签（熟记）
单词缩写：head 头部，标题
为了使网页更具有语义化，我们经常会在网页中用到标题标签，HTML提供了6个等级的标题标签
<h1><h2><h3><h4><h5><h6>
标题标签语义：作为标题使用，并且依据重要性递减
基本语法格式：
<hn> 标题文本</hn>
注意：h1因为重要，尽量少用，一般用于logo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>Sparks</h1>
<h2>Sparks</h2>
<h3>Sparks</h3>
<h4>Sparks</h4>
<h5>Sparks</h5>
<h6>Sparks</h6>
<h7>Sparks</h7>
</body>
</html>
段落标签（熟记）
单词缩写：paragraph 段落
在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们写文章一样，网页也分为若干个段落，而段落的标签格式是:<p>文本内容</p>
是HTML文档中最常见的标签，文本在一个段落中会根据浏览器的窗口大小自动换行。
<!DOCTYPE html>
<html lang="zh_cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>扫毒2</h1>
<h2>扫毒2</h2>
<h3>扫毒2</h3>
<h4>扫毒2</h4>
<h5>扫毒2</h5>
<h6>扫毒2</h6>
<p>《扫毒2：天地对决》是由邱礼涛执导，刘德华担任监制，刘德华、古天乐、苗侨伟、林嘉欣领衔主演，张国强、陈家乐、卫诗雅、恭硕良、欧阳靖联合主演，于2019年7月5日在中国内地上映。</p>
<p>该片以“毒品”为线索，讲述了慈善家兼金融巨子余顺天与香港最大毒贩地藏之间由“禁毒”引发的一场天地对决 [2] </p>
</body>
</html>
水平线标签（认识）
单词缩写：horizontal 横线
在网页中经常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明
<hr />就是创建横跨网页水平线的标记，其基本语法：
<hr /> 单标记
<!DOCTYPE html>
<html lang="zh_cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>扫毒2</h1>
<h2>扫毒2</h2>
<h3>扫毒2</h3>
<h4>扫毒2</h4>
<h5>扫毒2</h5>
<h6>扫毒2</h6>
<hr />
<p>《扫毒2：天地对决》是由邱礼涛执导，刘德华担任监制，刘德华、古天乐、苗侨伟、林嘉欣领衔主演，张国强、陈家乐、卫诗雅、恭硕良、欧阳靖联合主演，于2019年7月5日在中国内地上映。</p>
<p>该片以“毒品”为线索，讲述了慈善家兼金融巨子余顺天与香港最大毒贩地藏之间由“禁毒”引发的一场天地对决 [2] </p>
</body>
</html>
换行标签（熟记）
单词缩写：break 打断，换行
在HTML中，一个段落文字会从左到右依次排列，直到浏览器的右端，然后自动换行，如果希望强制换行，就要用到换行标签。
<br />
这时如果还像在word中那样直接敲回车键换行就不起作用了。
Div span 标签（重点）
Div sapn 是没有语义的 是我们网页布局的2个盒子
div就是division的缩写 分割，分区的意思 每个网页都是由很多div来组合而成的
Span 跨度，跨距，范围
语法格式：
<div>这是头部</div> <sapn>今日价格</span>
未完待续…
扫一扫
248
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
