Solucionado
Boa tarde!
O colspan é utilizado para "expandir" o numero de colunas que você tem na sua tabela.
Pensando no seu exemplo, você tem 2 colunas: uma para dia, e uma para horário.
Se você desejar colocar uma linha de título da tabela, voce poderia utilizar colspan = '2'
O colspan = '5' , colocado no exemplo do instrutor, é so um exemplo, onde ele imagina uma tabela que tenha 5 colunas, e queira utilizar todas as colunas em uma única linha.
Oi T, obrigada pela ajuda mas juro que estou tentando entender, só que não consegui pegar essa, E tô até um pouco revoltada, eu entendi encapsulamento do Java de primeira. Mas essa me quebrou. Até tentei fazer alguns testes. Você tem como fazer alguma analogia a ferramenta do word ou excel? No começo, eu achei que fosse como a função de mesclar células, mas não é... Ou é?
Boa tarde!
É exatamente o mesclar do excel.
e do mesmo modo, tem o rowspan
Olá, Germanna, realmente intrigante este resultado...
Para entendermos o que aconteceu, precisamos considerar o seguinte:
*Extraído da apostila "HTML HiperText Markup Language - Prof. Fabio Miyasaki
Como a tabela tem apenas 2 coluna no cabeçalho (thead), colspan não foi executado aí nesta área da tabela.
Já no corpo da tabela (tbody), na primeira linha em que o colspan aparece, o programa não encontrou a quinta célula na mesma linha, então foi passando para as linhas seguintes até chegar na primeira da última linha. Aí, ele uniu esta com a célula seguinte, ocupando uma só coluna. Ou seja, só o último colspan foi executado, com as células que haviam.
Não foi possível a execução de todos os outros colspan ou por não haver a quinta célula ou por não existir uma célula seguinte a ela para ser unificada.
Segue um outro exemplo de código utilizando colspan:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
</head>
<table border="1" width="500">
<thead>
<tr>
<th>Seg</th>
<th>Ter</th>
<th>Qua</th>
<th>Qui</th>
<th>Sex</th>
<th>Sab</th>
<th>Dom</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">aberto</td>
<td colspan="2">fechado</td>
</tr>
</tbody>
</table>
</html>E o respectivo resultado:
Espero ter ajudado. Bons estudos!
Oi, muito obrigada pelo retorno,me ajudou muito.