您现在的位置：首页 >> 前端 >> 内容

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

时间：2017/6/13 9:23:00 点击：

　　核心提示：HTML基础学习-6-表格学习2html!-- 表格大布局table的align=right right 水平则表示左右并列的第一个 align 为左或者右才可以让并列的后面的显示在同一行属性决定...

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>