由于創(chuàng)建高級(jí)的布局非常耗時(shí)，使用模板是一個(gè)快速的選項(xiàng)。通過搜索引擎可以找到很多免費(fèi)的網(wǎng)站模板（您可以使用這些預(yù)先構(gòu)建好的網(wǎng)站布局，并優(yōu)化它們）。
1.div元素
<div> 標(biāo)簽定義 HTML 文檔中的一個(gè)分隔區(qū)塊或者一個(gè)區(qū)域部分。
<div> 標(biāo)簽支持 [HTML 的全局屬性]
<div style="color:#0000FF">
<h3>這是一個(gè)在 div 元素中的標(biāo)題。</h3>
</div>
image.png
2.HTML 布局 - 使用表格
使用 HTML <table> 標(biāo)簽是創(chuàng)建布局的一種簡(jiǎn)單的方式。
即使可以使用 HTML 表格來創(chuàng)建漂亮的布局，但設(shè)計(jì)表格的目的是呈現(xiàn)表格化數(shù)據(jù) - 表格不是布局工具！
3.HTML 布局標(biāo)簽
| 標(biāo)簽 | 描述 |
|---|---|
| div | 定義文檔區(qū)塊，塊級(jí) |
| span | 定義 span，用來組合文檔中的行內(nèi)元素比如：紅色字體<span style="color:red">我</span> |
