>> HTML <<

>> voltar <<

- Esse Guia foi elaborado para pessoas que querem aprender a contruir páginas em HTML, aconselho a primeiro ler a introdução para ter uma base sobre HTML, depois de ter essa Base a primeira coisa que a pessoa que está aprendendo quer é descobrir novos comandos, aqui neste Guia, eles estão dividos em categorias para facilitar ainda mais.
- Este Guia foi elaborado por Victor Barros Halla. Este Guia está liberada para copia (obvio) em formato eletronico, mas se trechos forem usados em outras publicaç�es, por favor incluam de onde tiraram e quem escreveu. DISTRIBUICAO LIBERADA PARA TODOS, desde que mantido o copyright e a gratu- idade. O Guia gratis e nao pode ser vendido (senao vou querer minha parte, hehehehehe).

Introdução
- Uma das coisas mais misteriosas da Internet é, também, uma das mais simples. Muita gente pensa que escrever páginas na World Wide Web é coisa de programador, é claro que hoje em dia existem novas linguagens como: Java, VB Script, Cgi e outras que são linguagens mais complexas pedem um pouco mais. Uma das vantagens do HTML é sem dúvida alguma, que ele não precisa ser compilado, o que ajuda da aprendizagem por Engenharia Reversa, pois invés daqueles caracteres que muitos consideram estranhos, aparece a própria linguagem, assim podemos ao visualizar uma página na internet, salvar ela em disco e mais tarde analizar como foi escrita, dessa forma aprendendo muitos comando rapidamente.
- A World Wide Web são protocolos dentro da Rede Internet que resultam no ambiente chamado Hipermidia, onde é possivel colocar som, imagem, texto. Podemos até dizer que páginas na Internet são uma revista ultra-completa, onde temos um conjunto de informações. Bom, agora que você ja sabe que é possivel programar em HTML, quer saber quais são os programas, né !!! Para isso precisamos apenas de um programa para abrir Páginas como o Internet Explorer ou o Netscape Navigator, e um simples Editor de Textos, é isso mesmo, um Editorrrr, para quem trabalha com o Windows, pode se usar o Notepad, mas é claro que existe editores elaborados só para Editar Paginas como o W3e, onde os comandos ja estão todos prontos lá, sinceramente, é o editor que uso.
- Depois de conseguir os programas, vamos escrever a primeira frase em HTML, para isso abra o Editor de Texto e escreva o seguinte:
<h1>Meu Primeiro Teste em HTML</h1>, em seguida salve o arquivo com uma extensão htm ou html, essas são nescessarias para que o visualizador entenda como paginas HTML. Exemplo:
C:\Teste\Teste.html
Em seguida abra o seu visualizador, e abra o arquivo que você acabou de salvar, viu, você conseguiu, não foi nada dificil.
- O parametro h1, que foi utilizado, significa Header 1, é o texto para o cabeçalho, tudo que estiver entre o <h1> e </h1> e assinalado com essa caracteristica, note que a (/) serve para encerrar a validade do comando, esse comando H que ulizamos suporta até 6 números, exemplo:
<h1,2,3,4,5,6>Meu Primeiro Teste em HTML</h1,2,3,4,5,6>
Mas podemos utilizar um de cada vez. Agora volte ao editor e faça esses testes e veja o que acontece, salve e veja o arquivo através do visualizador, viu como é facil, agora coloque o comando <hr>, e veja o que acontece, esse quer dizer horizontal rule, que nada mais é do que uma linha na horizontal, note que esse comando não é nescessario o encerramento ou (/).
- Agora para você começar realmente um arquivo HTML, é preciso iniciar o arquivo com o comando <html>.....</html>, tudo que estiver entre esse comando é entendido como arquivo HTML. Na sequencia use a marcação <title>....</title>, onde devemos colocar um titulo entre as duas marcas. Agora vamos ver como e que se inserem imagens e link nas paginas, os links são frases que ao serem clicadas chamam outro arquivo, espere que vamos ver isto na pratica.
- Em Html podemos usar imagens apenas com extensão gif ou jpg, gif é mais usado para icones, enquanto que jpg para fotos, para inserir uma foto, devemos colocar o seguinte comando na pagina:
<img src="imagem.gif"> onde imagem.gif é o nome do arquivo, agora vá para o visualizador, e veja no que deu !!!
- Para colocar links em sua página, também é muito simples, vamos fazer de conta que você quer fazer um link para chamar a pagina que contém a sua foto. Exemplo:
1 - Monte duas paginas uma principal que irá ter o link e a ountra que será chamada pelo link. Coloque o seguinte comando na pagina onde se deseja o link:
<a href="teste1.html>Clique aqui para ver minha foto</a>
onde teste1.html é o arquivo que contem o comando <img> para mostar a foto. Pronto salve os dois arquivos e abra o arquivo principal ( que contém o link ), e clique na mensagem: "Clique aqui para ver minha foto, note o programa abrirá um novo arquivo ( teste1.html ) para mostrar a foto.
- Se você desejar fazer uma referência para um arquivo fora do computador, você deve escrever a URL completa:
<a href="http;//www2.regra.com/chuck/index.htm>Chuck's Home Page !!!</a>
- Neste caso a referência só funciona se você estiver conectado à Internet. No final assine sua pagina e coloque um link para seu E-Mail, assim a pessoa que estiver vendo sua página ao clicar no seu nome por exemplo ja abre o programa para que ele lhe mande um E-Mail. Exemplo:
<a href="mailto="[email protected]>Victor Barros Halla</a>
- Pronto, agora é a sua vez, preoucupe-se primeiramente com o conteúdo e avalie bem quais são os objetivos da apresentação, dessa forma tudo correrá bem !!!

>> voltar <<

GuardianGate 2000

 

Hosted by www.Geocities.ws

1