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?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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?
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>
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!