前端——4.HTML标签_标题标签

这篇文章我们主要来讲解一下HTML常用标签中的第一个——标题标签

目录

1.标签语义

2.标题标签（重要）

2.1介绍

2.2实例

2.3小拓展 

​3.小结

---

1.标签语义

在讲解标题标签之前，我们先来讲解一下标签语义，即我们该如何学习HTML标签

学习标签是有技巧的，重点是记住每个标签的语义。简单理解就是指标签的含义，即这个标签是用来干嘛的。

下面用实例来进行说明，比如同一篇文章：

 此时这篇文章阅读感极差

此时加了相关的标签，阅读感就好了很多

根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。

2.标题标签<h1>-<h6>（重要）

下面，我们来介绍一下标题标签

2.1介绍

为了使网页更具有语义化，我们经常会在页面中使用到标题标签，HTML提供了6个等级的网页标题，即<h1>-<h6>

代码格式：

    <h1>我是最大的一级标题</h1>

注意：字母h是单纯head的缩写，意思是头部，标题

标签语义：将其内部的文字作为标题使用，并且根据重要性递减

特点：

1. 加了标题标签的文字会变的加粗，字号也会依次变大。
2. 一个标题独占一行

2.2实例

下面，我们一起来写一下代码，感受一下标题标签的作用吧

首先，我们不加标题标签，单纯的输入一行文字，来看一下显示效果：

然后，我们加上标题标签<h1>再来看一下效果：

 下面，我们来感受一下<h1>到<h6>l六级标题标签的效果吧（有一个顺口溜，大家可以记一下）：

2.3小拓展 

前面我们讲了，标题标签有一个特点，就是一行显示，那么，如果我在标题标签后面，比如<h1>后面又写了一些内容的话，它会如何显示？

答案：换行显示

见下图：

3.小结

这篇文章我们讲了标签的语义，标签语义的作用，标题标签，没什么难的东西，但是标题标签的使用要牢记。