web学习第三课，网页列表设计+div分块

---博客静态网页（项目实例）

接上次的项目实例，该项目实例是一个带有图片的静态网页，区域布局分明。

做一个静态网页的步骤顺序：

• 网站整体布局分析设计（已完成）
• 导航与Banner的实现（已完成）
• 左侧列表的实现（本节）
• 主体内容与脚注的实现（未完待续）
• 发布（未完待续）

上次效果图：

---左侧列表的实现

1、HTML中的标签：块标签div、图片<img>、行内标签<span>、h5标题、列表标签<ul>、<li></