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:

http://pt-br.html.net/tutorials/html/

http://www.freewebs.com/izumi-kaoru

Se precisar de mais ajuda ainda, procure no google a tag específica.

Se tiver alguma dúvida comente e eu ajudarei!

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!!

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>

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>

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>

Corpinho do HTML

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

HTML

quinta-feira, 12 de abril de 2012