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

1 案例效果

实际页面请点击 网站简介完整案例 。

查看源码的方法：网页右键 — 查看网页源代码 。

2 核心知识点

1）div容器：进行区块划分；

2）盒子模型：设置间距、边框、水平线。

3 案例知识点

第01章 html入门：html基本结构。

第02章 简单标签：注释、文本标签、标签、段落、换行、行内标签、文本常用样式、图片、容器。

第03章 盒子模型。

4 实现主要步骤

第1步 整体布局

第2步 头部header区

第3步 尾部footer区

第4步 主要内容main区的整体结构

第5步 关于区

第6步 原创声明区

第7步 交流区

小结