Segue um exemplo de uma tabela:
<tr>
<td colspan="5">Rio de Janeiro</td>
</tr>Gostaria de saber, qual é a funcionalidade dessa propriedade "colspan"? Obrigado!
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!
Segue um exemplo de uma tabela:
<tr>
<td colspan="5">Rio de Janeiro</td>
</tr>Gostaria de saber, qual é a funcionalidade dessa propriedade "colspan"? Obrigado!
Leonardo, boa tarde!
A propriedade colspan indicia quantas colunas esse td irá ocupar!
| Mês | Dinheiro |
|---|---|
| Janeiro | R$100 |
| Fevereiro | R$80 |
| Soma: R$180 |
Isso é referente ao código
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th>Mês </th>
<th>Dinheiro</th>
</tr>
<tr>
<td>Janeiro</td>
<td>R$100</td>
</tr>
<tr>
<td>Fevereiro</td>
<td>R$80</td>
</tr>
<tr>
<td colspan="2">Soma: R$180</td>
</tr>
</table>
</body>
</html>Onde a ultima linha está ocupando duas colunas
Espero ter ajudado e bons estudos!