Vamos ver aqui a utilização
do atributo COLSPAN.
O atributo Colspan mescla duas ou mais colunas de uma tabela e define
quantas colunas uma célula poderá ter.
O atributo Colspan mescla as células na horizontal.
Um exemplo
de um código HTML com o uso do atributo colspan da tag <td> numa sintaxe de uma tabela:
<html>
<head>
<title> tabelas</title>
</head>
<body>
<p
align="center"> Mesclando a
Tabela </p>
<table border="2"
align="center"
bordercolor="red"
cellpadding="2" cellspacing="2"
width="80%" >
<tr>
<td
colspan="2"> colunas 1 e 2
mescladas</td>
</tr>
<tr>
<td>
linha 2, coluna 1</td>
<td>
linha 2, coluna 2</td>
</tr>
<tr>
<td>
linha 3, coluna 1</td>
<td>
linha 3, coluna 2</td>
</tr>
<tr>
<td rowspan="3"> 3 linhas
mescladas</td>
<td> linha 4, coluna 2</td>
</tr>
<tr>
<td>
linha 5, coluna 2</td>
</tr>
<tr>
<td>
linha 6, coluna 2</td>
</tr>
</table>
</body>
</html>
Visualizada num navegador:
Aqui temos mais um exemplo, sintaxe:
<html>
<head>
<title> tabelas</title>
</head>
<body>
<table
border>
<tr>
<td
colspan=3> 3colunas</td> <td> normal</td>
<td> normal</td>
</tr>
<tr>
<td>
col 1</td> <td> col 2</td> <td>
col3</td> <td> col 4</td> <td>
col 5</td>
</tr>
</table>
</body>
</html>
Visualizado no navegador fica assim:
Nenhum comentário:
Postar um comentário