Html网页制作小结.docVIP

Html网页制作总结 学习课程目的： 会制作图文并茂的静态网站 为后期作为javaee工程师进行web开发做基础准备 Html基本结构 Html是基于http协议的网页标记开发语言 全部由标签组成（标签……/标签） 一个简单html模板如下： html head meta ….. / title…../title /head body …………. /body /html Html表格使用 表格结构： table trth…./tr tr td…./td td…./td /tr tr td…./td td…./td /tr /table 表格修饰： 跨行：rowspan=”n” 跨列：colspan=”n” 表格整体修饰： border表框像素 bgcolor背景颜色 background背景图片 width表格宽度 height表格高度 align表格单元格水平对齐方式 valign表格单元格垂直对齐方式 表格应用举例 要制作如下表格： 学生统计信息表 班级 姓名 年龄 Workit01班 Jack 19 Tom 22 Workit02班 Rose 23 Scott 20 实现代码文件如下： html head meta http-equiv=content content=text/html;charset=gbk / title表格应用/title /head body center table bgcolor=#B9BC43 border=1 width=40% tr td colspan=3 align=center学生信息表/td /tr tr td班级/tdtd姓名/tdtd年龄/td /tr tr td rowspan=2workit01班/td tdJack/td td20/td /tr tr tdTom/tdtd19/td /tr tr td rowspan=2workit02班/td tdRose/td td22/td /tr tr tdScott/tdtd23/td /tr /table /center /body /html 表格如何规划整个一个网页 某网站首页如下： Logo部分 菜单导航栏部分 左边内容部分 网页主内容部分 网页版权等相关内容部分 html head meta http-equiv=content content=text/html;charset=gbk / title表格应用--网页布局/title /head body center table bgcolor=#B9BC43 border=1 width=40% tr td colspan=3img src=image/banner.jpg/td /tr tr td colspan=3 首页|nbsp;nbsp;nbsp; 公司介绍|nbsp;nbsp;nbsp; 产品介绍|nbsp;nbsp;nbsp; 招贤纳士|nbsp;nbsp;nbsp; 联系我们 /td /tr tr td table tr td colspan=2用户登录/td /tr tr td用户姓名：/td td input type=text name=username size=10 / /td /tr tr td用户密码：/td td input type=password name=password size=10 / /td /tr tr td input type=submit value=登录 /