https://www.xiaobuteach.com/html/website-intro/outline.html?from=bili

1 案例效果

實(shí)際頁面請(qǐng)點(diǎn)擊?網(wǎng)站簡(jiǎn)介完整案例?。

查看源碼的方法：網(wǎng)頁右鍵 — 查看網(wǎng)頁源代碼 。

2 核心知識(shí)點(diǎn)

1）div容器：進(jìn)行區(qū)塊劃分；

2）盒子模型：設(shè)置間距、邊框、水平線。

3 案例知識(shí)點(diǎn)

第01章 html入門：html基本結(jié)構(gòu)。

第02章 簡(jiǎn)單標(biāo)簽：注釋、文本標(biāo)簽、標(biāo)簽、段落、換行、行內(nèi)標(biāo)簽、文本常用樣式、圖片、容器。

第03章 盒子模型。

4 實(shí)現(xiàn)主要步驟

第1步 整體布局

第2步 頭部header區(qū)

第3步 尾部footer區(qū)

第4步 主要內(nèi)容main區(qū)的整體結(jié)構(gòu)

第5步 關(guān)于區(qū)

第6步 原創(chuàng)聲明區(qū)

第7步 交流區(qū)

小結(jié)