前端学习（HTML）日记 day.3（2023.1.15）

QTE.QI

已于 2023-01-15 23:35:20 修改

阅读量135

点赞数

文章标签：学习

于 2023-01-15 23:34:30 首次发布

本文链接：https://blog.csdn.net/m0_74149002/article/details/128698367

版权

书接上文

4.HTML常用标签

4.1.标签语义

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

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

4.2.标题标签(重要)

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

CSDN的发布文章界面也给了3个等级的标题选项，如下图所示

语法规范

<h1>我是一级标签</h1>

单词head的缩写，意味头部、标题。

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

特点：

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

2.一个标题独占一行。

实践一下

<!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>Document</title>
</head>
<body>
    标题标签
</body>
</html>

完成效果

加上标题标签后

<!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>Document</title>
</head>
<body>
    <h1>标题标签</h1>
</body>
</html>

运行结果如下