HTML（四）——HTML标签（四）——HTML基本标签之标题标签

最新推荐文章于 2023-02-05 16:24:03 发布

柚子喵cc

最新推荐文章于 2023-02-05 16:24:03 发布

阅读量221

点赞数

分类专栏：前端学习笔记文章标签： html 前端 vscode

本文链接：https://blog.csdn.net/m0_45278598/article/details/122463272

版权

前端学习笔记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

1 标签语义

学习标签需要重点记忆每个标签的语义——标签的含义——标签的作用。

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

**2 标题标签（重要）

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

<h1>标题标签</h1>

h：head缩写，意为头部，标题。

标签语义：

作为标题使用，并且依据重要性递减。

特点：

1.加了标题的文字会变得加粗，字号也会一次变大

2.一个标题独占一行

代码实现

<!--
 * @Description: This is about title tags.
 * @Version: 1.0
 * @Author: Pomelocc0302
 * @Date: 2022-01-11 14:31:14
 * @LastEditors: Pomelocc0302
 * @LastEditTime: 2022-01-11 18:23:51
-->
<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>04-Title Tag</title>
</head>
<body>
      <h1>标题标签</h1>
      <h1>标题一共六级选</h1>
      <h2>文字加粗一行显</h2>
      <h3>由大到小依次减</h3>
      <h4>从重到轻随之变</h4>
      <h5>语法规则书写后</h5>
      <h6>具体效果刷新见</h6>
</body>
</html>