前期预科html学习（二）

前期使用txt编写，增强记忆，保存时应注意编码与meta内的编码对应。

画表格

html默认先行后列，行包含列，比如<tr><td></td></tr>，无法在列里画行，即：<td><tr></tr></td>时无法达到列内画行的效果。

html可以利用rowspan实现同一列往下贯通一行即：



（1）中

<table border="1">
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
</table>

（2）中

<table border="1">
<tr><td> </td><td> </td></tr>
<tr><td rowspan="2"> </td><td> </td></tr>
<tr><td> </td></tr>
</table>

由于rowspan上一行贯穿了下一行，下一行需要创建的列减少1

同理colspan，同同一行往左贯通一列。



（1）中

<table border="1">
<tr><td> </td><td> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
</table>

（2）中

<table border="1">
<tr><td colspan="2"> </td><td> </td></tr>
<tr><td> </td><td> </td><td> </td></tr>
</table>