需要有关 html 表格的帮助答案

【问题标题】：Need help on html tables需要有关 html 表格的帮助
【发布时间】：2010-06-30 13:50:50
【问题描述】：

这是代码：嗯，我的问题是成绩栏，我希望它是两栏，但我不知道谁能帮助我。

<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>

【问题讨论】：

对于您的表格宽度、颜色、填充等，您应该考虑使用 CSS - en.wikipedia.org/wiki/Cascading_Style_Sheets
需要杀死...敦促..以..缩进代码。

标签： html html-table

【解决方案1】：

您的意思是您希望“成绩”标题跨越其下方的两列？将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>

【讨论】：

我不确定你的意思。你能详细说明一下吗？

【解决方案2】：

td 元素有一个colspan 属性，您可以使用该属性来指定您希望 td 占据多少列。

【讨论】：

【解决方案3】：

请参阅“colspan 和 rowspan”部分。

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

【讨论】：