需要有关html表的帮助

时间:2010-06-30 13:50:50

标签: html html-table

这是代码:嗯我的问题是成绩列我希望它是两列,但我不知道有谁可以帮助我。

<html>
<body>
<center>
<table border=2 width=50% cellspacing=5 cellpadding=8 bgcolor=yellow cols=2>
<tr>
<td rowspan=2>Name</td>
<td>ASP</td>

</tr>
<tr>
<td>Exer</td>
<td>Quiz</td>
<td>Recitation</td>
<td>Pe</td>
<td>Me</td>
<td>Grade</td>
</tr>

<tr>
<td>Student 1<td rowspan=5>&nbsp;</td><td colspan=4 rowspan=5>&nbsp;</td><td rowspan=5>&nbsp;</td></tr>
<tr>
<td>Student 2</td>
</tr>
<tr>
<td>Student 3</td>
</tr><tr>
<td>Student 4</td>
</tr>
<tr>
<td>Student 5</td>
</tr>
</table>
</body>
</html>

3 个答案:

答案 0 :(得分:1)

你的意思是你希望“Grade”标题跨越它下面的两列?将colspan="2"添加到该标头的<td>元素,并将新的<td>元素添加到其下方的行中。

<html>
<body>
<center>
<table border=2 width=50% cellspacing=5 cellpadding=8 bgcolor=yellow cols=2>
<tr>
<td rowspan=2>Name</td>
<td>ASP</td>

</tr>
<tr>
<td>Exer</td>
<td>Quiz</td>
<td>Recitation</td>
<td>Pe</td>
<td>Me</td>
<td colspan="2">Grade</td>
</tr>

<tr>
<td>Student 1<td rowspan=5>&nbsp;</td><td colspan=4 rowspan=5>&nbsp;</td><td rowspan=5>&nbsp;</td><td rowspan=5>&nbsp;</td></tr>
<tr>
<td>Student 2</td>
</tr>
<tr>
<td>Student 3</td>
</tr><tr>
<td>Student 4</td>
</tr>
<tr>
<td>Student 5</td>
</tr>
</table>
</body>
</html>

答案 1 :(得分:0)

td元素具有colspan属性,您可以使用该属性指定您希望td占用的列数。

答案 2 :(得分:0)

请参阅“colspan和rowspan”部分。

http://www.tizag.com/htmlT/tables.php