七、标题语义

最新推荐文章于 2024-07-25 11:52:08 发布

这一片月

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量60

点赞数 1

分类专栏： HTML常用标签文章标签： html

本文链接：https://blog.csdn.net/qq_62865634/article/details/125706650

版权

HTML常用标签专栏收录该内容

3 篇文章 0 订阅

订阅专栏

提示：文章写完后，学到标题和段落标签

文章目录

前言
一、标题标签
二、段落标签

一、标题标签

<!DOCTYPE html>
<!--文档声明 -->
<html lang="en">
<!--lang表示一个语言、“en”表示英文、“zh-CN”表示中文 -->

<head>
    <!--顶部标签 -->
    <meta charset="UTF-8">
    <!--charset表示字符集、“UTF-8”表示是万国码 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>原神</title>
    <!--标签标题 -->
</head>

<body>
    <!--正文网页内容 -->
    开始游戏
    <h1>标题一共有六个</h1>1234
    <h2>标题一共有六个</h2>
    <h3>标题一共有六个</h3>
    <h4>标题一共有六个</h4>
    <h5>标题一共有六个</h5>
    <h6>标题一共有六个</h6>

</body>

</html>

显示结果：

注意：1、标题标签是独占一行，在标签html结束后面写的都显示在下一行

2、标题标签粗细不同，它的等级也标题h1~h6、h1字体粗大，h6字体细小

二、段落标签

代码如下（示例）：

<!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>段落标签</title>
</head>

<body>
    <p>熊大</p><br/>
    <!-- 这里br表示强制换行、所以有空了一行 -->
    <p>熊二</p>


</body>

</html>

结果：