如果文章对你有帮助，请点喜欢并关注，这将是我最大的动力。
通过百度的源代码为例，来介绍html的基础布局
1.百度首页源代码
baidu.jpg
2.依次介绍html的基础布局
从头开始依次介绍
2.1.<!DOCTYPE html>
2.1.1.用处
html的头文件，因为html有很多版本，浏览器只有知道html的确切版本，才能正确的显示出html页面信息。因此这就是头文件的作用，用来声音html的版本
2.1.2.用法规范
它必须是html文档的第一行，位于<html>标签之前，并且值得注意的是，它不是一个标签
ps：这里<!DOCTYPE html>是html5的声明
2.2.<html>
所有的html文件都必须包含在html文件当中，如果把一个人比作一个html，那这个人的一切(<head>、<body>)，都必须包含在<html>当中
2.3.<head>
2.3.1用处
<head>是html文档的头部信息，它用来描述html的各种属性和信息，例如编码格式，标题，或者文字显示形式，通常这部分信息不会作为内容真正给读者显示
2.3.2用法规范
应该把 <head> 标签放在文档的开始处，紧跟在<html> 后面，并处于<body> 标签或 <frameset>标签之前。
2.3.3.head内部的常用标签
1)<meta charset="UTF-8">
用来规范html的编码格式
2)<title>
定义文档的标题
3)<style>
作为内部css的使用
2.4.<body>
2.4.1用处
作为html的身体，或者说主体，body 元素包含文档了所有内容（比如文本、超链接、图像、表格和列表等等）。简单来说，所有想让用户看到的信息，都必须包括在body里。
2.4.2常用标签
1)<hn>
n可以从1-6（从大到小），是html文档内部的标题
2)<p>
定义文档的段落
3)<a>
定义文档的链接
4)<img>
定义文档的图片
5)<script>
script 标签用于定义客户端脚本，比如 JavaScript。之所以放在body内部的下面，是因为页面加载是自上而下的，而script标签需要用到body内部的信息，如果放置head里，会发生不必要的错误。
