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

最新推荐文章于 2024-08-21 22:36:29 发布

豆皮青椒

最新推荐文章于 2024-08-21 22:36:29 发布

阅读量139

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/u011523180/article/details/73065283

版权

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>

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

豆皮青椒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础学习-6-表格学习2

HTML基础学习-6-表格学习2<html><head> <meta cha
复制链接

扫一扫