Question

我正在完成这项任务，几乎所有事情都很好，但我无法理解为什么顶部单元格不会占据整个空间。

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

这是代码。

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

Answer 1

要跨越所有八个列，您需要使用它：

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

<强> jsFiddle example

通过使用CSS，您可以根据自己的喜好格式化单元格。

HTML表和rowspan和colspan行为

1 个答案: