本文介绍如何使用HTML和CSS构建一个带有图片的静态网页，通过div分块进行区域布局。首先分析网站整体布局，用div标签划分Banner、menu、main和footer四部分，并设置不同颜色和尺寸。接着讲解HTML中图片、超链接和列表标签的使用，以及CSS样式设计，包括背景色、超链接和列表样式。展示了部分HTML和CSS代码示例。
---博客静态网页(项目实例)
今天我们需要完成的项目实例是一个带有图片的静态网页，区域布局分明。
做一个静态网页的步骤顺序：
网站整体布局分析设计
导航与Banner的实现
左侧列表的实现
主体内容与脚注的实现
发布
---网站整体布局分析设计
将整体看做box，box分出Banner,menu,main(left,right),footer四部分div标签，然后设计相应的长宽高以及不同的颜色，使他们可以分开。
Html的标签，成对出现
定义页面上的一块区域，对整个页面划分区域用
常用的有id和class属性：
Css样式：
引用方式-外链式：
css样式写法：选择器{ 属性1:属性1的值;… }
选择器分为：id选择器(#id)、class选择器(.class)、标签选择器(div)
部分HTML代码：
左边区域
右边区域
最低0.47元/天 解锁文章
扫一扫
3193
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
