HTML定义网页的结构,CSS给美化页面结构,而HTML网页中任何元素的实现都要依靠HTML标签才能显示。比如,要想在网页中显示图像就需要使用图像标签。接下来这几节课,我们就主要讲解构成HTML结构的元素,也就是HTML标签。
排版标签
用于网页布局
标题标签
head,头部
标题标签分为六个等级,h1-h6。
语法:
<h1>
一级标题
</h1>
<h2>
二级标题
</h2>
<h3>
三级标题
</h3>
<h4>
四级标题
</h4>
<h5>
五级标题
</h5>
<h6>
六级标题
</h6>
- 注意
- h标签只有六个等级
- h标签的语义,作为标题使用,从h1~h6重要性依次递减
- h1 尽量少用,一个页面中一般只有一个,一般用于logo使用
段落标签
- 缩写
- paragraph ,段落
- 说明
- 当网页中需要显示一篇完整文章,而整个篇文章又可以分为若干个段落时,每个段落就用p标签包裹。默认情况下,文本在一个段落中会根据浏览器窗口的大小自动换行。
- 语法:
<p>
段落标签
</p>
空标签
也就是我们前面提到的单标签,一个标签符号即可完整地描述某个功能的标签,这里我们主要列举换行标签和水平线标签。
换行标签
- 缩写
break ,打断,换行
在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端,然后自动换行。如果希望某段文本强制换行显示,就需要使用换行标签。
- 语法
<br />
这时如果还像在word中直接敲回车键换行就不起作用了。
水平线标签
- 缩写
- horizontal , 横线
- 为了使文档结构清晰,层次分明,我们看到在一些网页中经常会有一些水平线将段落与段落之间隔开。这些水平线可以通过插入图片实现,也可以简单地通过添加
- 标签来完成。
- 语法
<hr />
- 注意
为单标签
有一起学习的吗?请点赞收藏+关注哦!