Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

duvida colspan/rowspan

Não entendi muito bem como usar cada um deles... Uso colspan para definir numero de coluna e rowspan as linhas?

Fiquei confusa com a explicação, alguém pode me explicar melhor?

2 respostas

Colspan você utiliza quando quer que uma célula utilize mais de uma coluna. Exemplo:

<table border="1">
    <tr>
        <td>aluno</td>
        <td colspan="4">Matérias</td>
    </tr>
    <tr>
        <td></td>
        <td>Português</td>
        <td>Matemática</td>
        <td>História</td>
        <td>Geografia</td>
    </tr>
</table>

Rowspan você utiliza quando deseja que a célula ocupe mais de uma linha. Exemplo:

<table border="1">
    <tr>
        <td rowspan="2">aluno</td>
        <td colspan="4">Matérias</td>
    </tr>
    <tr>
        <td>Português</td>
        <td>Matemática</td>
        <td>História</td>
        <td>Geografia</td>
    </tr>
</table>
solução!

Fala Lurian, Tudo bom?

O colspan permite que uma célula da tabela tenha tamanho maior que uma coluna, ou seja, se definirmos uma célula tendo colspan=2, essa célula terá o dobro do tamanho normal.

O mesmo comportamento se replica para o rowspan, sendo que dessa vez, ocupará em linha.

O colspan expandirá na horizontal enquanto o rowspan na vertical.

Aqui você encontra alguns exemplos de uso!

Espero ter ajudado!

Abraços e bons estudos!