html作为前端三大语言之一，是用来描述网页页面布局信息的一种标记语言。当你准备实现一个页面时，你的第一步就是需要用html元素将网页的布局描述出来。可以说，html是整个网页的骨架。
html的基本结构
一个html文档的基本结构如下：
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>标题</title>
</head>
<body>
网页内容的区域
</body>
</html>
可以看出，html文档是有一个个html元素组合而成。
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。例如
<title>标题</title>就是一个html元素。
基本结构中各个元素的含义如下：
<!DOCTYPE html>：准确的说这不是一个html标签，而是为了向浏览器提供文档信息而存在的。它向浏览器表明你的html文档是用什么版本编写的，便于浏览器正确的解析html文档。目前html已经到了html5的版本，一般使用<!DOCTYPE html>即可。
<html></html>：<html>元素用于定义整个html文档的区域，html文档的内容应都写在<html>元素内
<head></head>：<head>元素用于定义html文档的头部，它是所有头部元素的容器。
常用的html头部元素：
<title>、<script>、<style>、<link>、<meta>等
<meta>：<meta>元素用于提供html文档的元信息，例如字符编码、搜索引擎关键词、移动端适配等相关信息。
注意点：
<meta>元素没有结束标签
<title></title>：<title>元素用于定义html文档的标题信息，它会出现在浏览器的标题栏中（如下图所示）。标题信息主要用于用户和搜索引擎进行识别。
<body></body>：<body>元素用于定义html文档的主体部分，我们用来描述html页面结构的代码就放在这个html元素中。
编写和运行html
要编写和运行一个html文档非常容易，只需要新建一个以.html为后缀的文件，并且写入一段html代码，并且用任意浏览器打开这个文件即可。
- 新建一个
.html后缀的文件
- 编写一段html代码，可以使用记事本或者专门的开发工具（例如VSCode）
- 用浏览器打开这个文件即可看到效果
写在最后
本篇笔记主要记录了html最基础的结构。
初次写笔记，如有错误或不好之处，欢迎批评指正
网友评论