美文网首页
html和CSS基础课程(2-4)

html和CSS基础课程(2-4)

作者: buaishengqi | 来源:发表于2018-05-18 10:28 被阅读3次

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


1.jpg

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

h1-h6标签的默认样式:

标签代码:


2.jpg

在浏览器中显示的样式:


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

相关文章

网友评论

      本文标题:html和CSS基础课程(2-4)

      本文链接:https://www.haomeiwen.com/subject/nuwwdftx.html