HTML基础学习-6-表格学习2

来源:互联网 发布:selenium java client 编辑:程序博客网 时间:2024/06/11 21:57

HTML基础学习-6-表格学习2

<html><!-- 表格大布局<table  的align="right" right 水平则表示 左右          并列的第一个 align 为左或者右才可以 让并列的后面的显示在同一行  属性决定了 两个并列表格之间是上下还是左右body  的属性  topmargin="0"  离上面的距离则为0--><head>    <meta charset="utf-8">    <title>表格嵌套布局</title></head><body topmargin="0" leftmargin="0">    <table border="1" width="960" align="center" cellpadding="0">        <tr height ="90" bgcolor="red" >            <td >            <font size = "6" color="white">            <b>网页头部</b>            </td>        </tr>        <tr  bgcolor="blue">            <td>               <table align="left" height="500" width="30%" bgcolor="yellow">                  <tr>                    <td> 网页左侧部分</td>                  </tr>               </table>               <table align="right" height="500" width="70%" bgcolor="green">                    <tr>                        <td>                          网页右侧部分                        </td>                    </tr>               </table>            </td>        </tr>        <tr height ="90" bgcolor="green">            <td>            <font size = "6" color="white">            <b>网页底部</b>            </td>        </tr>    </table></body></html>

跟随视频学习,手写记录自己学习过程中的点点滴滴,一起加油吧。

原创粉丝点击