html中h1~h6标题标签的详细介绍

原创 国哥笔记  2019-04-23 19:28  阅读 317 views 次

本篇将介绍的是html中h1~h6标题标签的用法,有兴趣的朋友可以了解一下!

在html中,h系列(<h1>~<h6>)标题标签是很常用的,也是很重要的标签。不光是显示效果,它的语义在浏览器识别、seo(搜索引擎优化)等中都起到了很重要的作用。

“h”是“heading”的缩写,有“标题”的意思,而在html中也是用来定义标题的,接下来我们一起来看看它的具体用法。

一、<h1>~<h6>标签的定义及用法

在html中,<h1>~<h6>标签是使用定义不同级别的标题的。<h1>~<h6>标签定义的标题等级从高到低,<h1>标签定义等级最高的标题,而<h6>标签定义等级最低的标题。

<h1>~<h6>标签是有很重要语义的,不能为了显示效果而随便用,显示效果一般都是使用css(层叠样式表)来实现的。

二、<h1>~<h6>标签语法格式

<h1>1号标题</h1><h2>2号标题</h2>

<h3>3号标题</h3><h4>4号标题</h4>

<h5>5号标题</h5><h6>6号标题</h6>

说明:

  1. h系列(<h1>~<h6>)标签中的内容显示为粗体,而且字的大小从大到小;
  2. h系列(<h1>~<h6>)标签一般只用来定义标题,不建议随便使用;

三、实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html中h1~h6标题标签的详细介绍</title>
</head>
<body bgcolor="bisque" style="margin-left:100px;">
<h1>1号标题</h1><h2>2号标题</h2>
<h3>3号标题</h3><h4>4号标题</h4>
<h5>5号标题</h5><h6>6号标题</h6>
</body>
</html>

运行结果:

好了,关于html中<h1>~<h6>标题标签就介绍完了,希望对大家有用!

更多html标签----->html标签大全

本文地址:https://www.ggbiji.com/html-h.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情