HTML表格入門

<table>內(nèi)容</table>

為表格標(biāo)簽 table是一個(gè)復(fù)合標(biāo)簽 內(nèi)容里必須有tr標(biāo)簽和td標(biāo)簽 其中tr為列 td為行 其寫法是列中帶行

如:

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

table標(biāo)簽中也有表頭<thead>表身<tbody>表尾<tfoot>

表內(nèi)合并在 td或th后加 “空格”rowspan(向下合并列)或colspan(向右合并行),后面的值為具體合并幾個(gè)單元格

如:

   <table border="1px">
      <thead>
        工資發(fā)放表
      </thead>
      <tr>
        <th rowspan="2">序號</th>
        <th rowspan="2">姓名</th>
        <th></th>
        <th colspan="3">應(yīng)發(fā)工資</th>
        <th colspan="3">應(yīng)扣款項(xiàng)</th>
        <th rowspan="2">實(shí)發(fā)金額</th>
      </tr>
      <tr>
        <th>職務(wù)</th>
        <th>基本工資</th>
        <th>出勤天數(shù)</th>
        <th>出勤天數(shù)崗位津貼</th>
        <th>病事假</th>
        <th>曠工違紀(jì)</th>
        <th>所得稅</th>
      </tr>
      <tr>
        <td>1</td>
        <td>魏林旭</td>
        <td>總經(jīng)理</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>辦公室經(jīng)理</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>會計(jì)</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>

輸出下圖

批改老師：PHPz

批改狀態(tài)：合格

老師批語：完成的不錯(cuò)，繼續(xù)加油