quinta-feira, 24 de maio de 2012
Corpinho da tabela mesclada
<html>
<head>
<title>
Tabela
</title>
</head>
<body>
<body bgcolor= "#FF6EC7"/>
<font size ="4" face= "comic sans ms">
<div align= "center">
<table border="1">
<tr>
<th colspan="3"> CHEVROLET </th>
</tr>
<tr>
<td rowspan= "4"> Celta </td>
<td> 1.0 básico </td>
<td> R$ </td>
</tr>
<tr>
<td> 1.0 completo </td>
<td> R$ <td>
</tr>
<tr>
<td> 1.6 básico </td>
<td> R$ </td>
</tr>
<tr>
<td> 1.6 completo </td>
<td> R$ </td>
</tr>
<tr>
<td rowspan= "2"> Astra </td>
<td> 2.0 completo </td>
<td> R$ </td>
</tr>
<tr>
<td> 2.0 Luxo </td>
<td> R$ </td>
</tr>
<tr>
<td rowspan= "2"> Corsa </td>
<td> 1.0 básico </td>
<td> R$ </td>
</tr>
<tr>
<td> 1.6 completo </td>
<td> R$ </td>
</tr>
</table>
</div>
</body>
</head>
Mesclagem de Tabelas
Podemos usar diferentes modelos de tabela! Para fazer isso, mesclamos linha e/ou colunas.
Usamos <th colspan> para mesclar (unir) colunas e <td rowspan> para mesclar (unir) linhas.
No próximo post segue o corpinho da tabela mesclada! Façam nos seus computadores para entender melhor, se precisar de ajuda comente!
Usamos <th colspan> para mesclar (unir) colunas e <td rowspan> para mesclar (unir) linhas.
No próximo post segue o corpinho da tabela mesclada! Façam nos seus computadores para entender melhor, se precisar de ajuda comente!
Corpinho da Tabela
<html>
<head>
<title>
Amigas
</title>
</head>
<body>
<div align= "center">
<table border= "5">
<caption>
Minhas melhores amigas
</cption>
<br>
<br>
<!-1ª linha->
<tr>
<td>
Nomes
</td>
<td>
Idades
</td>
<td>
Cor favorita
</td>
<!-2ª linha->
<tr>
<td>
Sofia
</td>
<td>
12 anos
</td>
<td>
Verde
</td>
</tr>
<!-2ª linha>
<tr>
<td>
Bianca
</td>
<td>
13 anos
</td>
<td>
Azul
</td>
</tr>
<!-3ª linha>
<tr>
<td>
Luiza
</td>
<td>
13 anos
</td>
<td>
Laranja
</td>
</tr>
<!-4ª linha->
<tr>
<td>
Giovanna
</td>
<td>
13 anos
</td>
<td>
Vermelho
</td>
</tr>
<!-5ª linha>
<tr>
<td>
Letícia
</td>
<td>
12 anos
</td>
<td>
Rosa
</td>
</tr>
</table>
</div>
</body>
</html>
Tabelaas!
Para fazer uma tabela o ideal é desenha-la no papel, para que você tenha uma ideia.A tag usada é <table> </table> e você pode usar o atributo de <border = "n°"> para determinar a espessura da tabela.
Usa-se a tag <caption> para o título da tabela!
Para facilitar, nós usamos uma tag de comentário de NÃO aparece no site, apenas para você se localizar na construção. <!- nº linha->
A tag <tr> serve para linha, a tag <td> para coluna.
No próximo post, segue o corpinho da tabela!
Usa-se a tag <caption> para o título da tabela!
Para facilitar, nós usamos uma tag de comentário de NÃO aparece no site, apenas para você se localizar na construção. <!- nº linha->
A tag <tr> serve para linha, a tag <td> para coluna.
No próximo post, segue o corpinho da tabela!
Assinar:
Postagens (Atom)