一, 效果图。
二,代码。
<!DOCTYPE html> <html> <head> <Meta charset=utf-8> <title>html 列表</title> </head> <body> <!--使用div元素的网页布局--> <div id=container style=width:500px> <div id=header style=>> <h1 style=margin-bottom:0>main title o f web page</h1> </div> <div id=menu style=height:200px;width:100px;float:left> <b>menu</b> <br> html <br> css <br> javascript </div> <div id=content style=height:200px;width:400px;float:left> ontent goes here </div> <div id=footer style=clear:both;text-align:center> copyright © W3CSchool.cc </div> <!--使用table元素的网页布局--> <table width=500 border=0> <tr> <td colspan=2 style=>> <h1>main title of web page</h1> </td> </tr> <tr> <td style=width:100px> <b>menu</b> <br>html <br>css <br>javascript</td> <td style=height:200px;width:400px> content goes here</td> </tr> <tr> <td colspan=2 style=text-align:center> copyright © W3CSchool.cc</td> </tr> </table> </body> </html>
参考资料:《菜鸟教程》
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。