由于创建高级的布局非常耗时，使用模板是一个快速的选项。通过搜索引擎可以找到很多免费的网站模板（您可以使用这些预先构建好的网站布局，并优化它们）。
1.div元素
<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。
<div> 标签支持 [HTML 的全局属性]
<div style="color:#0000FF">
<h3>这是一个在 div 元素中的标题。</h3>
</div>
image.png
2.HTML 布局 - 使用表格
使用 HTML <table> 标签是创建布局的一种简单的方式。
即使可以使用 HTML 表格来创建漂亮的布局，但设计表格的目的是呈现表格化数据 - 表格不是布局工具！
3.HTML 布局标签
| 标签 | 描述 |
|---|---|
| div | 定义文档区块，块级 |
| span | 定义 span，用来组合文档中的行内元素比如：红色字体<span style="color:red">我</span> |
