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!
quinta-feira, 12 de abril de 2012
Tag de tamanho da imagem
IMAGENS
Através da tag <img ...> com seu atributo “src” podemos inserir imagens. Assim: <img src=”aguia.gif” />. A tag <img> possui alguns atributos úteis relacionados ao tamanho da imagem exibida na página.
São eles: Width (largura) e Height (altura), com eles podemos alterar o tamanho da imagem. São permitidos valores em pixel ou percentual.
Ex.: <img src=”águia.gif” width=”360” height=”200” />
<img src=”águia.gif” width=”20%” height=”40%” />
Pixel é a unidade de medida usada para medir a resolução da tela. A resolução de tela utilizada na escola é de 1280x1024 pixels.
Se não forem definidos os valores para width e height, a imagem será inserida com seu tamanho real.
**** IMPORTANTE: As imagens que serão inseridas nas páginas precisam estar na mesma pasta onde encontra-se o arquivo “.html”. Caso contrário, você precisará informar o caminho (local) onde estão as imagens.
Ex.: <img src=”imagens/aguia.gif” width=”20%” height=”40%” />
Tag para borda
As bordas adicionam uma aparência atrativa aos elementos tais como tabelas, divisões, parágrafos, listas e blockquotes.
As propriedades básicas são:
- <border-style= " " > </border>
- dashed,dotted,double,groove,solid,inset,outset tracejado, pontilhado, dobro, sulco, sólido, inserir, outset
- <border-color= " " > </border>
- red, #FF0000
- vermelho, # FF0000
- <border-width= " " > </border>
- thin, thick, medium, #px fino, grosso, médio, # px
Ajudinha Básica...
Caso meu blog não tenha ajudado muito e voce precisar de mais ajuda segue outros sites de ajuda:
Se precisar de mais ajuda ainda, procure no google a tag específica.
Se tiver alguma dúvida comente e eu ajudarei!
;D
Assinar:
Postagens (Atom)