Tag <TD COLSPAN>



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

Marcadores

etiqueta (29) tutorial (18) meta (16) html (15) a (10) link (10) formatar texto (3) VETOR (2) body (2) caracteres (2) id (2) p (2) vídeo (2) âncora (2) Photoshop (1) address (1) blink (1) blockquote (1) br (1) center (1) div (1) e-mail (1) font (1) frameset (1) h (1) head (1) pre (1) title (1)

paginador numerico