terça-feira, 28 de dezembro de 2010

HTML II - Mostrando na tela

No primeiro post passei rapidão pelo html, agora vou detalhar um pouco mais.

Mostrando na tela

Para o navegador saber que se trata de um documento html deve-se começar com a tag <html> e não esquecer de fechar no final do documento com </html>

No cabeçalho <head> ficam as instruções especiais, elas não são mostradas na página. Dentre elas o <title> que é o texto que fica na barra de título (em vermelho na imagem abaixo)





Existem mais tags que podem ser colocadas no cabeçalho, mas não falarei delas agora.

Tudo que é mostrado na página deve ficar entre as tags <body> e </body>. Só não será mostrado ao menos que esteja dentro das tags de comentário <!-- comentário qualquer --> que servem para fazer um comentário =D

As tags de comentário são úteis para descrever o que uma parte específica do código está fazendo _ se assim o programador desejar. O que vai na tag não é mostrado na tela, perceba que no dreamweaver ele fica até cinza claro na parte do código, e na parte de design nada é mostrado.

Segue exemplo de um documento html feito no dreamweaver:





Importante

* A última tag a ser aberta é a primeira a ser fechada:  <html>  <head>  </head> <body> </body>  </html>

* Não esquecer de fechar as tags para não gerar erros no documento. Algumas não precisam ser fechadas, mas evite deixá-las abertas, pois a versão 5 do HTML não irá permitir tags sem fechamento;

* Existem as chamadas tags vazias, como o <br> que não possui uma tag de fechamento. Nestes casos a tag é fechada dentro da própria tag de abertura, desta forma: <br /> ;

* O HTML não é caso sensitivo (não diferencia letras minúsculas das maiúsculas nas tags), porém o w3c recomenda que as tags sejam feitas todas em letra minúscula _ vai que eles mudam de idéia.


Se a estrutura e as dicas foram entendidas, daqui para frente é só moleza (mentira uhahauha).

Crie as estruturas básicas acima (pode ser em um bloco de notas) coloque um texto qualquer, salve como aulas.html e  depois abra em um navegador para ver como ficou.


Bis Bald,
[]s

Nenhum comentário: