>> 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="chuck@regra.com.br>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