Home > Article > Web Front-end > Help! How to write such table code? _html/css_WEB-ITnose
No matter what, the boxes on the left cannot be made into
1
1
1
Such an arrangement always becomes
1 1 1
?Ah, and how do you get past those on the right? Please give me the answer!
http://www.w3school.com.cn/tags/tag_td.asp
td got colspan rowspan
Okay, let me try it
Is this what it is?
<table width="200" border="1"> <tr> <td width="16" rowspan="5">课堂教学</td> <td width="18" rowspan="3">讲课</td> <td width="144">课堂教学</td> </tr> <tr> <td>课堂教学</td> </tr> <tr> <td>课堂教学</td> </tr> <tr> <td rowspan="2">讲课</td> <td>课堂教学</td> </tr> <tr> <td>课堂教学</td> </tr></table>
<table cellpadding="1" cellspacing="1" border="1" width="100%"><tbody> <tr> <td rowspan="8">a1</td> <td rowspan="6">b1</td> <td>c1</td> </tr> <tr> <td>c2</td> </tr> <tr> <td>c3</td> </tr> <tr> <td>c4</td> </tr> <tr> <td>c5</td> </tr> <tr> <td>c6</td> </tr> <tr> <td rowspan="2">b2</td> <td>c7</td> </tr> <tr> <td>c8</td> </tr></tbody></table>
This is not difficult and is nothing more than the flexible use of colspan rowspan. . . .
<table> <tr> <th colspan="2">教师姓名</th> <td> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td> <th>职称</th> <td> <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td> <th>兼任管理工作</th> <td> <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td> </tr> <tr> <th rowspan="12"></th> <th rowspan="6"></th> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th rowspan="6"></th> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <th></th> <td></td> <td></td> <td></td> <td></td> </tr> </table>