Como já vimos o atributo Rowspan mescla duas ou mais linhas de uma tabela e define quantas linhas uma célula poderá ter.
O atributo Rowspan mescla as células na vertical.
Vamos ver o exemplo na sintaxe:
<html>
<head>
<title> Rowspan</title>
</head>
<body>
<table
border>
<tr>
<td
rowspan=3> 3 linhas</td>
<td>
col 2</td> <td> col 3</td> <td>
col4</td> <td> col5</td> </tr>
<tr>
<td>
col 2</td> <td> col 3</td> <td>
col4</td> <td> col 5</td>
</tr>
<tr>
<td>
col 2</td> <td> col 3</td> <td>
col4</td> <td> col 5</td>
</tr>
</table>
</body>
</html>
Veja agora como fica visualizado no navegador:
Nesse exemplo foi mesclado três linhas dessa tabela.
Outro exemplo:
Utilização do atributo Rowspan com valor 6:
Visualizado no navegador ficaria assim:
Outro exemplo:
Utilização do atributo Rowspan com valor 6:
<html>
<head>
<title> Rowspan</title>
</head>
<body>
<p
align="center"> Utilização do atributo Rowspan com valor 6:</p>
<table border="1" align="center">
<tr>
<!th
é a tag dos títulos, em que o
texto
aparece destacado em negrito>
<th> Curso</th>
<th> Carga Horária</th>
<th> Período</th>
<th> Dia da Semana</th>
</tr>
<tr>
<td> Hardware</td>
<td> 50 horas</td>
<td> noite</td>
<td rowspan="6"
bgcolor="red"> segunda-feira</td>
</tr>
<tr>
<td> Informática</td>
<td> 50 horas</td>
<td> tarde</td>
</tr>
<tr>
<td> Web</td>
<td> 50 horas</td>
<td> tarde</td>
</tr>
<tr>
<td>
Digitação</td>
<td> 50 horas</td>
<td> noite</td>
</tr>
<tr>
<td> Inglês</td>
<td> 100 horas</td>
<td> noite</td>
</tr>
<tr>
<td> Desenho</td>
<td> 100 horas</td>
<td> noite</td>
</tr>
</table>
</body>
</html>
Visualizado no navegador ficaria assim:
Agora veja na próxima postagem mais elementos de controle de uma tabela.
Nenhum comentário:
Postar um comentário