HTML基本结构与标签

1、HTML基本结构

HTML网页基本结构

HTML标签都以“< >”开始、“</ >”结束
网页中所有的内容都放在之间

网页基本信息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>腹白的博客</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="腹白,博客"/>
    <meta name="description" content="看博客，搜腹白"/>
</head>
<body>
</body>
</html>

DOCTYPE声明

　　　　百度搜索DOCTYPE声明，查看菜鸟教程：https://www.runoob.com/tags/tag-doctype.html

< title>标签

< meta>标签

　　网页常用的字符编码有gb2312、utf-8，两者之间的区别。

2、网页的基本标签

2.1、标题标签

h1最大，h6最小

<h1>腹白</h1>
<h2>腹白</h2>
<h3>腹白</h3>
<h4>腹白</h4>
<h5>腹白</h5>
<h6>腹白</h6>

2.2、段落标签

2.3、换行标签

换行标签，查看效果图,看段落标签和换行标签的不同

2.4、水平线标签

2.5、字体样式标签

2.6、注释和特殊符号

注释

1	`<!--我是注释-->`

特殊符号

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>特殊符号</title>
</head>
<body>
<!--空格-->
<p>
    腹白的博客 Java<br/>
    腹白的博客 Java<br/>
    腹白的博客    Java<br/>
</p>
<!--大于小于-->
<p>
    > < <br>
    > <
</p>
<!--引号-->
<p>
    "腹白的博客"
</p>
<!--版权-->
<p>
    © 2019-2022 腹白的博客
</p>
<!--万能的公式 &符号+xxx -->
</body>
</html>