明天咱们来学习 HTML 根本格局。
H1 标签定义了一个文档的题目，尽管在浏览器里显示了预期的成果，但它并不是一个符合规范的 html 文档，明天咱们就来定义一个规范的 html 文档。
这是一个 html 文档的根本格局，来深刻的分析一下
<!DOCTYPE html> 这个标签会通知浏览器，前面书写的是 HTML5 标准 的语法，浏览器会依照 HTML5 的语法标准进行解析
<html lang=’en’> 包裹了整个页面的所有内容，有时被称为根元素。
<head> 是所有头部元素的容器，形容了文档的各种属性和信息，比方文档的题目，文档援用的样式表和 JS 脚本文件，页面元信息等等，绝大多数文档头部蕴含的数据，都不会真正作为内容显示给浏览者。
<meta charset=”utf-8″> 将文档应该应用的字符集设置为 UTF-8，它包含了书面语言的大多数字符，基本上能够解决放在页面上的任何文本内容，它能够帮忙你解决页面乱码的问题。
<title> 设置页面的题目，也就是呈现在浏览器标签中的内容，它形容页面被退出入书签或珍藏时的题目
<body> 它蕴含了页面展现的所有内容，比方文字，图片，视频，游戏，可播放的音乐等等
个别状况下 一个符合规范的 html 文档 都应该应用这个根本格局
回到编辑器 咱们创立一个文件 名字叫 base.html 咱们疾速的编写好 html 根本格局，在 <body> 标签里写一个 h1 在外面写一些内容，浏览器中关上页面失常的显示了，每个页面都写这么多货色很麻烦 咱们有 vscode。
删除所有内容 在页面里只需一个感叹号，再按一下 tab 键，html 根本格局主动生成了，这时就能够间接在 body 内编写网页内容了。
通过观察根本构造发现 标签后面有的有空格 有的没有空格 这是为什么呢 实际上 当呈现标签嵌套的时候 须要放弃一个固定的缩进，个别采纳两个或者四个空格 具体看集体习惯和开发团队的标准，为了不便浏览不举荐混用。有些标签嵌套在一起，这就是标签构造嵌套
在一个标签内再次书写一个标签 他们之间造成了这样的包裹关系，别包裹的叫做子标签，包裹的就是父标签。
在父子标签嵌套的时候子标签整体绝对于父标签多一套缩进，更加不便浏览。