html使用表格实现网页制作

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>网页首页</title></head><body><table border="1" width="100%"><!--loge一行三列的表格--><tr><td><table width="100%"><tr><td><img src="../img/logo2.png" height="40px" /></td><td align="center"><img src="../img/header.jpg" /></td><td align="right"><a href="#">登录</a><a href="#">注册</a><a href="#">购物车</a>     </tr></table></td></tr><!--菜单一行一列的表格--><tr><td bgcolor="black" height="40px"><a href="#"><font color="white" size="4">首页</font></a> <a href="#"><font color="white" size="4">首页</font></a> <a href="#"><font color="white" size="4">首页</font></a> <a href="#"><font color="white" size="4">首页</font></a> </td></tr><!-- 轮播图片 --><tr><td><img src="../img/1.jpg" width="100%" /></td></tr><!-- 热门商品嵌套两行7列的表格 --><tr><td><font size="6" face="微软雅黑">热门商品</font><img src="../img/title2.jpg" /><table width="100%"><tr><td rowspan="2"><img src="../img/big01.jpg" /></td><td colspan="3"><img src="../img/middle01.jpg" /></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td></tr><tr><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td></tr></table></td></tr><!--广告--><tr><td><img src="../img/ad.jpg" width="100%" /></td></tr><!-- 最新商品嵌套两行7列的表格 --><tr><td><font size="6" face="微软雅黑">最新商品</font><img src="../img/title2.jpg" /><table width="100%"><tr><td rowspan="2"><img src="../img/big01.jpg" /></td><td colspan="3"><img src="../img/middle01.jpg" /></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td></tr><tr><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td><td><img src="../img/small08.jpg" /><p align="center"><a  href="#">电饭煲</a></p><p align="center">200</p></td></tr></table></td></tr><!--图片--><tr><td><img src="../img/footer.jpg" width="100%" /></td></tr><!--版权信息root两个段落--><tr><td><p align="center"><a href="#">关于我们</a><a href="#">关于我们</a><a href="#">关于我们</a><a href="#">关于我们</a><a href="#">关于我们</a></p><p align="center">Copyright &copy; 2005-1017传智商场    版权指南</p></td></tr></table></body>
</html>

html使用表格实现网页制作相关推荐

《HTML、CSS、JavaScript 网页制作从入门到精通》——第6章使用表格
本节书摘来自异步社区<HTML.CSS.JavaScript 网页制作从入门到精通>一书中的第6章,第6.1节,作者:[美]John Resig(莱西格) , Bear Bibeault( ...
dw网页制作入学教程_网站制作之dreamweaver入门
1 dreamweaver入门(2004版本):功能简介: Macromedia Dreamweaver MX 2004 (简称DW MX 2004),是Macromedia 最新开发的的HTML编辑 ...
html网页在指定位置嵌入表格,网页制作中表格的主要作用网页制作中插入表格怎么调整位置...
在网页设计中,表格有什么重要作用 1．当需要提交所有数据时,可以提交整个100个表,如果不使用表,可以逐个提交. 2．表格设计简洁美观,方形,与网页的设计非常一致. 3．网站其实是一个大版本的表格,数 ...
html带颜色表格怎么做,使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作...
行颜色设置的简便方法使用HTML添加表格4(行颜色与表格嵌套)--零基础自学网页制作昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>(目录在结尾)中学习了设置单 ...
刀剑神域动漫网页设计作品学生表格布局网页作业成品 table漫画网站制作 dreamweaver静态HTML学生网页制作模板
刀剑神域动漫网页设计知识点介绍网页制作说明网页代码演示导航代码正文代码网页效果预览成品地址知识点介绍使用dreamweaver制作采用table表格布局.网页背景颜色.底部版权区域 ...
el-table 行背景颜色_使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作
行颜色设置的简便方法昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>(目录在结尾)中学习了设置单元格以及其中内容的空间间距和背景颜色. 其中添加列向单元格背景颜色 ...
HTML5+CSS大作业——简单的程序员个人博客(7页) 大学个人博客网页制作教程表格布局网页模板
HTML5+CSS大作业--简单的程序员个人博客(7页) 大学个人博客网页制作教程表格布局网页模板常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家 ...
excel html 查询,html 连接 excel表格数据库数据-利用EXCEL表格为数据库制作查询网页...
请教如何将HTML中有链接的数据提取到EXCEL表格里? 将网页中的数据拷贝到excel表格中,默认是全部选中的,您只要单击鼠标右键选择删除超链接即可(此操作在excel2010上测试通过) 请问EX ...
HTML5期末大作业：淘宝网站设计——仿2021淘宝首页(1页) 大学生网页制作教程表格布局网页模板学生HTML静态水网页设计作业成品简单网页制作代码学生商城网页作品免费设计
HTML5期末大作业:淘宝网站设计--仿2021淘宝首页(1页) 大学生网页制作教程表格布局网页模板学生HTML静态水网页设计作业成品简单网页制作代码学生商城网页作品免费设计常见网页设计作业 ...

html使用表格实现网页制作

html使用表格实现网页制作相关推荐

最新文章

热门文章