HTML基本结构

HTML一般是在vscod中进行书写，后缀为html，其完整的基本结构如下：每一个尖括号代表着标签或者说是元素，不同的标签代表有着不同的作用，标签一般成对出现后一个标签为前一个标签加一个/，例如，但也有单个出现的自结束标签，例如。每个标签可能还会有自己的不同的属性，例如表示我们的网页是中文网页，其中lang是属性，zh为属性值。其中是文档声明，表示你使用的HTML版本是HTML5，因为

Ordinary Dreamer

3382人浏览 · 2022-07-04 18:26:18

Ordinary Dreamer · 2022-07-04 18:26:18 发布

HTML一般是在vscod中进行书写，后缀为html，其完整的基本结构如下：

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <title>完整网页结构</title>
    </head>
    <body>
        <h1>一级标题</h1>
    </body>
</html>

每一个尖括号<>代表着标签或者说是元素，不同的标签代表有着不同的作用，标签一般成对出现后一个标签为前一个标签加一个/，例如<head></head>，但也有单个出现的自结束标签，例如<meta>。每个标签可能还会有自己的不同的属性，例如<html lang="zh">表示我们的网页是中文网页，其中lang是属性，zh为属性值。
其中<!DOCTYPE html>是文档声明，表示你使用的HTML版本是HTML5，因为不同版本都会有一些不同，需要告诉浏览器我们使用的是哪一个版本的HTML
每一个完整的网页代码都会有head标签和body标签，分别表示头标签和主体标签，他们都存在于html标签中，html标签是根标签，基本上所有的标签都存在于根标签中。
head标签中存放着对网页的一些基本的描述，例如<title>用来书写浏览器标题栏的名字，再例如<meta charset="utf-8">表示我们网页所使用的编码是utf-8编码，其中charset是meta标签的一个属性，utf-8是该属性的值，需要注意head标签中的内容不会出现在网页中，只是一些必要的描述和介绍。
body标签中放的是网页的主体内容，会显示的出现在网页中，例如h1标签表示的是一级标题，其中的内容会以标题文字的形式出现在页面中，后面还会介绍更多的相关标签。
这是上述代码的结果：
在这里插入图片描述