码迷,mamicode.com
首页 > Web开发 > 详细

了解<hx>标签,为你的网页添加标题(h1,h2...)

时间:2019-08-26 18:09:56      阅读:257      评论:0      收藏:0      [点我收藏+]

标签:mamicode   等级   marker   info   字号   inf   四级   样式   重要性   

文章的段落用<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标签的字号最小。

 

了解<hx>标签,为你的网页添加标题(h1,h2...)

标签:mamicode   等级   marker   info   字号   inf   四级   样式   重要性   

原文地址:https://www.cnblogs.com/iBoundary/p/11413987.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!