--表格入门--

HTML表格入门

<table>内容</table>

为表格标签 table是一个复合标签 内容里必须有tr标签和td标签 其中tr为列 td为行 其写法是列中带行

如:

<tr><td>1-1</td><td>1-2</td></tr>

table标签中也有表头<thead>表身<tbody>表尾<tfoot>

表内合并在 td或th后加 “空格”rowspan(向下合并列)或colspan(向右合并行),后面的值为具体合并几个单元格

如:

   <table border="1px">
      <thead>
        工资发放表
      </thead>
      <tr>
        <th rowspan="2">序号</th>
        <th rowspan="2">姓名</th>
        <th></th>
        <th colspan="3">应发工资</th>
        <th colspan="3">应扣款项</th>
        <th rowspan="2">实发金额</th>
      </tr>
      <tr>
        <th>职务</th>
        <th>基本工资</th>
        <th>出勤天数</th>
        <th>出勤天数岗位津贴</th>
        <th>病事假</th>
        <th>旷工违纪</th>
        <th>所得税</th>
      </tr>
      <tr>
        <td>1</td>
        <td>魏林旭</td>
        <td>总经理</td>
        <td>13.000.00</td>
        <td>30</td>
        <td>300.00</td>
        <td>0.00</td>
        <td>0.00</td>
        <td>0.00</td>
        <td>13.300</td>
      </tr>
      <tr>
        <td>2</td>
        <td>宋丹</td>
        <td>办公室经理</td>
        <td>7.000.00</td>
        <td>30</td>
        <td>300.00</td>
        <td>0.00</td>
        <td>0.00</td>
        <td>0.00</td>
        <td>7.300</td>
      </tr>
      <tr>
        <td>3</td>
        <td>刘希</td>
        <td>会计</td>
        <td>5.000.00</td>
        <td>30</td>
        <td>300.00</td>
        <td>0.00</td>
        <td>0.00</td>
        <td>0.00</td>
        <td>5.300</td>
      </tr>
    </table>

输出下图