• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    HTML表格标记教程(47):表格嵌套

    在页面中,排版是通过表格的嵌套来完成的。即一个表格内部可以套入另一个表格。原因如下:
    首先,网页的排版会很复杂,在外部需要有一个表格控制总体布局。如果这时一些内部排版的细节也通过总表格来实现,容易引起行高列宽等的冲突,给表格制作带来困难。
    其次,浏览器在解析网页的时候,是将整个表格的结构下载完毕之后才显示表格。如果不使用嵌套,表格非常复杂,浏览者要等待很长时间才能看到网页的内容。
    出于这些原因,引入嵌套表格。由总表格负责整体的排版,由嵌套的表格负责各个子栏目的排版,并插入到总表格的相应位置中。这样一来各司其职,互不冲突。 文件范例:10-47.htm
    制作表格嵌套。
    01 <!-- ------------------------------ -->
    02 <!-- 文件范例:10-47.htm -->
    03 <!-- 文件说明:表格嵌套 -->
    04 <!-- ------------------------------ -->
    05 <html>
    06 <head>
    07 <title>表格嵌套</title>
    08 </head>
    09 <body>
    10 <table border=3 width=400 height=100 bordercolor=#336699 align="Center">
    11 <tr>
    12 <td colspan=2 align="Center">
    13 <table border=1 width=100% bordercolor=red>
    14 <tr>
    15 <td align="Center">Macromedia网页设计师</td>
    16 </tr>
    17 <tr>
    18 <td align="Center">网页设计软件</td>
    19 </tr>
    20 </tableE>

    21 </td>
    22 </tr>
    23 <tr>
    24 <td>网页图像软件</td><td>Fireworks</td>
    25 </tr>
    26 <tr>
    27 <td>网页制作软件</td><td>Dreamweaver</td>
    28 </tr>
    29 <tr>
    30 <td>网页动画软件</td><TD>Flash</td>
    31 </tr>
    32 </table>
    33 </body>
    34 </html> 文件说明
    第13行到第20行为嵌套的表格。
    上一篇:HTML表格标记教程(46):表格的表尾标记
    下一篇:HTML表格标记教程(45):表格的表主体标记
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    HTML表格标记教程(47):表格嵌套 HTML,表格,标记,教程,嵌套,