html 文章标题用h,h系列标题 · html+css学习宝典 · 看云

# H1,2,3,4,5,6标题元素

切记：div不是diy，div是跨级元素类别哦！

div是什么，你会想一下，用一句话概括一下，div就是通过层层嵌套的方式布局网页结构的，好比是盖房子，一间一间的房子，外面有一个大的围墙！

我们来看看h系列的标题，光有，框框和架子还不够啊，标题，就好比我们家里的门，有房门，大门，厨房门，卫生间的门，都是门，为何要分这么多，因为场景不同，总不能在我们的卫生间装个防盗门吧！

**为啥会有h系列标题呢**

> 为了方便排版和直接的调整文字大小，主要是早起的网页，是用来排版文档的，随意就一直遗留下来了！

**h1,h2,h3,h4,他们后面的数字，代表的级别，数字约到，他的最直观的的效果就是，字体大小变了，粗细也变了！**

效果如下：


# 代码如下


## 这个标签有啥用，为何我们要学呢：

> 首先，他和div是一个家族，他是块级标签！

> 方便们只管的统一文字大小排版，主要考虑有些浏览器的兼容问题，对不同大小的渲染有差异，标题就很统一了！

### 一般在什么情况下可以考虑使用这个标签呢

先看看，别人的网页他们是否也又用到这个标签


能看清吗，我只是告诉你哦，我仅仅是告诉，别人是怎么用，的同时别人用它一般是控制什么内容，当你看你看到类似设计需求的时候，你应该联想起来！

你可以找找其他网站是否有类似的情况，要回举一反三!


找到这种标签的使用场景，太多了！

### 课后练习

> 实现如下效果的排版，左边的红方点，不需要

> 

### 扩展题：


加大练习才是掌握的最佳途径，你不动手，就算饭放到你面前，你也会饿死！请多动手操作！