如何使用HTML写一个表格

·  阅读 228

写了一个丑丑的表格,只用了HTML,供大家参考

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
     <table border="1" width="500px" cellspacing="0" align="center">
         <caption>前端工程师平均工资</caption>
         <thead align="center" valign="center" >
         <tr bgcolor="#3cb371">
             <td rowspan="2">城市</td>
             <td colspan="2">2014</td>
             <td rowspan="2">2015</td>
             <td rowspan="2">2016</td>
         </tr>

         <tr bgcolor="#3cb371">
             <td>上半年</td>
             <td>下半年</td>

         </tr>
         </thead>
         <tbody align="center" valign="center">
         <tr height="50px">
             <td bgcolor="#d2691e">北京</td>
             <td>8000</td>
             <td>9000</td>
             <td>10000</td>
             <td>12000</td>
         </tr>
         <tr height="50px">
             <td bgcolor="#d2691e">上海</td>
             <td>6000</td>
             <td>7000</td>
             <td>8000</td>
             <td>10000</td>
         </tr>
         </tbody>
         <tfoot align="center" valign="center">
         <tr height="50px">
             <td bgcolor="#d2691e">合计</td>
             <td>7000</td>
             <td>8000</td>
             <td>9000</td>
             <td>11000</td>
         </tr>
         </tfoot>
     </table>

</body>复制代码



分类:
前端
标签: