3 表格应用和布局.ppt

如何实现图文布局2-1 实现步骤 如何实现图文布局2-2 实现步骤 …… table border=1px tr td colspan=2img src=“… alt=公告栏 //td /tr tr td rowspan=4img src=“… alt=公告左侧图 //td td大学要求老师开网店/td /tr tr td安全锤网上大热销/td /tr …… /tr /table …… 整个是5行2列的表格,实际布局时border=“0”隐藏边框 公告栏：跨2列 图片：跨4行 操作演示6：图文布局 练习——贵美商品分类页 需求说明 根据提供的素材实现 完成时间：25分钟 使用表格实现图文布局 如何实现表单布局3-1 如何实现页面中登录表单的布局？ 问题：结构简单，但不美观 * * * * * * * * * 在确定各单元格的宽高时，由于表格的严格约束特点，需要注意： （1）同列单元格宽度由该列宽度最大的单元格决定。如果没有则默认与该列第一行单元格宽度一致。在布局时必须注意内容过长撑开单元格的情况，合理设置好各列列宽。 （2） 同行单元格的高度类似，但是请注意换行带来的高度变化。 * 使用ol li有序列表，ul li无序列表和dl dt dd定义列表实现简单的商品购买页