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:
Postar um comentário