为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
做个标题党 - 使用<hx>标签为网页增加标题,初识HTML(5)+CSS(3)-升级版教程-慕课网
章节
课签
笔记
占位
占位

做个标题党 - 使用<hx>标签为网页增加标题

文章的段落用<p>标签,那么文章的标题用什么标签呢?在本节我们将使用<hx>标签来制作文章的标题
标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
语法:
<hx>标题文本</hx> (x为1-6)
文章的标题前面已经说过了,可以使用标题标签,另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站

注意:因为h1标签在网页中比较重要,所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如:<h1>腾讯网</h1>

h1-h6标签的默认样式:

标签代码:

在浏览器中显示的样式:

从上面的图片可以看出标题标签的样式都会加粗,h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。

 

任务

我来试试:为文章添加标题

在右部编辑器中的第10行输入<h1>了不起的盖茨比</h1>

?不会了怎么办

别忘了h1标签的语法

  <h1>...</h1> 

||

写笔记

公开笔记
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消