0117作业课程表

php中文网课程表

<table>是复合元素: 需要多个标签进行描述
1. table: 表格容器
2. caption: 表格标题(可选)
3. tr: 表格中的行
4. td/th: 单元格(列),数据容器,必须写到<tr>内部
th与td区别在于多了"加粗和居中"样式,学用在thead中

1.表格容器及表格标题

表格容器<table>表格标题<caption>

<table>
    <caption>
    <h2>php中文网22期课程表</h2>
</caption>

2.表格表头

th多用于表格表头，”加粗和居中”样式

emmmet语法tr>th{内容}*5

<tr>
    <th>老师</th>
    <th>排班表</th>
    <th>上课时间</th>
    <th>教学内容</th>
    <th>备注</th>
</tr>

3.表体

colspan行表格合并

rowspan列表格合并

emmet语法tr*5>td{内容}*5

<tr>
    <td>pdf</td>
    <td>pdf</td>
    <td>pdf</td>
    <td>pdf</td>
    <td>pdf</td>
</tr>

行1-行3合并colspan

<tr>
    <td colspan="3">pdf</td>
    <!-- <td>pdf</td> -->
    <!--<td>pdf</td> -->
    <td>pdf</td>
    <td>pdf</td>
</tr>

列5-行4合并rowspan

<tr>
    <td>pdf</td>
    <td>pdf</td>
    <td>pdf</td>
    <td rowspan="2">pdf</td>
    <td>pdf</td>
</tr>
<tr>
    <td>合计</td>
    <td>合计</td>
    <td>合计</td>
    <!-- <td>合计</td> -->
    <td>合计</td>
</tr>

4.表尾部

 <tr>
    <td>合计</td>
    <td>合计</td>
    <td>合计</td>
    <td>合计</td>
    <td>合计</td>
</tr>