Sejam Bem-Vindos!!
Este site é para te ajudar a fazer seu site, usando o HTML.
Espero que ajude!
;D
Este site é para te ajudar a fazer seu site, usando o HTML.
Espero que ajude!
;D
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
Tabela de Cores
Ao escrever um texto, colocar borda ou background, voce pode colocar cores!!
São inúmeras as possibilidades de cores! Mas lembre-se nos backgrounds não use cores muito escuras, procure usar as mais clara. E nos textos não use cores muito claras como amarelo e nem neon como verde!
Aqui vai um site em que tem uma tabela com cores bem variadas:
http://www.ufpa.br/dicas/htm/htm-cor1.htm
Caso não goste dessas cores, procure no google e achará milhares mais.
Faça sua escolha e deixe seu html lindo!!
São inúmeras as possibilidades de cores! Mas lembre-se nos backgrounds não use cores muito escuras, procure usar as mais clara. E nos textos não use cores muito claras como amarelo e nem neon como verde!
Aqui vai um site em que tem uma tabela com cores bem variadas:
http://www.ufpa.br/dicas/htm/htm-cor1.htm
Caso não goste dessas cores, procure no google e achará milhares mais.
Faça sua escolha e deixe seu html lindo!!
Versão não aparente
INDEX
<a href= " .html"> Pág 1 </a>
<a href=" .html"> Pág2 </a>
PÁG 1
<a href= "index.html"> home </a>
<a href= ".html"> avançar </a>
PÁG 2
<a href= "index.html"> home </a>
<a href= " .html"> voltar </a>
<a href= " .html"> Pág 1 </a>
<a href=" .html"> Pág2 </a>
PÁG 1
<a href= "index.html"> home </a>
<a href= ".html"> avançar </a>
PÁG 2
<a href= "index.html"> home </a>
<a href= " .html"> voltar </a>
Versão aparente sem redundancia
INDEX
<a href= " .html"> Pág 1</a>
<a href=" .html"> Pág 2</a>
PÁG 1
<a href= "index.html"> home </a>
<a href> voltar </a>
<a href= " .html"> avançar </a>
PÁG 2
<a href= "index.html"> home </a>
<a href= " .html"> voltar </a>
<a href> avançar </a>
<a href= " .html"> Pág 1</a>
<a href=" .html"> Pág 2</a>
PÁG 1
<a href= "index.html"> home </a>
<a href> voltar </a>
<a href= " .html"> avançar </a>
PÁG 2
<a href= "index.html"> home </a>
<a href= " .html"> voltar </a>
<a href> avançar </a>
Versão aparente com redundancia
INDEX<a href=" .html"> Pág 1</a>
<a href= " .html'> Pág 2</a>
PÁG 1
<a href= "index.html"> home </a>
<a href= "index.html"> voltar </a>
<a href= " .html"> avançar </a>
PÁG 2
<a href= "index.html"> home </a>
<a href= " .html"> voltar </a>
<a href= "index.html"> avançar </a>
<a href= " .html'> Pág 2</a>
PÁG 1
<a href= "index.html"> home </a>
<a href= "index.html"> voltar </a>
<a href= " .html"> avançar </a>
PÁG 2
<a href= "index.html"> home </a>
<a href= " .html"> voltar </a>
<a href= "index.html"> avançar </a>
Tags
<font color=” “> </font> --> COR DA LETRA
<font size= “ “> </font> --> TAMANHO DA
LETRA
LETRA
<font face= “ ”> </font> --> TIPO DA LETRA
<div align= center> --> ALINHAMENTO NO CENTRO
<div align= right> --> ALINHAMENTO A DIREITA
<div align= left> --> ALINHAMENTO A ESQUERDA
</div>
<body bgcolor=” “ > --> BACKGROUND (fundo)
<h1> </h1> --> TAMANHO GRANDE DO TÍTULO
<h2> </h2> --> TAMANHO MÉDIO DO TÍTULO
<h3> </h3> --> TAMANHO MÉDIO DO TÍTULO
<h3> </h3> --> TAMANHO MÉDIO DO TÍTULO
<h4></h4> --> TAMANHO MÉDIO DO TÍTULO
<h5> </h5> --> TAMANHO MÉDIO DO TÍTULO
<h5> </h5> --> TAMANHO MÉDIO DO TÍTULO
<h6> </h6> --> TAMANHO PEQUENO DO TÍTULO
<b> </b> --> NEGRITO
<i> </i> --> ITÁLICO
<u> </u> --> SUBLINHADO
<a href= “ .html”> </a> --> LINK
<img src= “ .gif”> </img> --> IMAGEM
<img src= “ .gif”> </img> --> IMAGEM
<br> --> PULAR LINHA
<p> </p> --> PARÁGRAFO
Assinar:
Postagens (Atom)