0

我正在做这个任务，几乎一切正常，但我不明白为什么顶部单元格没有占据整个空间。

此外，知道我是否可以格式化单元格（大小等）非常有用。

这是代码。

<html>
<head>
</head>
<body>
    <table border="1">
        <tr>
            <th colspan="4">Notas de HTML</th>
            <tr>
                <td colspan="2">Alumno</td>
                <td colspan="2">Conceptos (60%)</td>
                <td colspan="3">Procedimiento (30%)</td>
                <td rowspan="2">Actitud (10%)</td>
            </tr>
            <tr>
                <td>Apellidos</td>
                <td>Nombre</td>
                <td>Examen te&oacute;rico</td>
                <td>Examen pr&aacute;ctico</td>
                <td>Pr&aacute;ctica 1</td>
                <td>Pr&aacute;ctica 2</td>
                <td>Pr&aacute;ctica 3</td>
            </tr>
            <tr>
                <td>ape1</td>
                <td>nom1</td>
                <td>7</td>
                <td>6.5</td>
                <td>8</td>
                <td>4</td>
                <td>9</td>
                <td>9</td>
            </tr>
            <tr>
                <td>ape2</td>
                <td>nom2</td>
                <td>5</td>
                <td>4</td>
                <td>6</td>
                <td>4</td>
                <td>5</td>
                <td>7</td>
            </tr>
        </tr>
    </table>
</body>

4

1 回答 1

1

要跨越所有八列，您需要使用以下命令：

<th colspan="8">Notas de HTML</th>

jsFiddle 示例

通过使用 CSS，您可以随意格式化单元格。

于 2013-03-06T21:40:08.233 回答