Estrutura básica do HTML
O Sem Preceito traz mais um tutorial que entrará no ar todas as sextas-feiras. Vamos, juntos, aprender a entender essa linguagem “complicada”, dessa forma você terá uma base para editar seus blogs, mudar algumas coisas em uma enquete, entre outras coisas que te impediam de fazer por não saber HTML.
Vou postar os códigos aqui, entretanto tente entender o código. Para ver os resultados, copie os códigos no bloco de notas e salvar na extensão .html, depois abra o arquivo com um navegador.
A estrutura de um HTML, sem programas de edição como o Dreamweaver, é basicamente essa:
<html> } Início da página. Todos os códigos ficam entre essa e essa (</html>)
<head> } Início do cabeçalho da página.
<title>Página 1</title> } Título da página
</head> } Fim do cabeçalho.
<body> } Início do corpo da página.
Conteúdo
</body> } Fim do corpo da página.
</html> } Fim dos códigos HTML. (fim da página)
Já com o Dreamweaver a estrutura é cheia de outros códigos, mais complicada para fazer pelo bloco de notas:
Conhecendo a estrutura:
<html></html>: ficam todo o código da pagina, independentemente do que seja.
<head></head>: ficam as estruturas responsáveis pelo cabeçalho, os códigos de estilos (CSS) e códigos em javascript.
<body></body>: você colocará todos os códigos que queira exibir na pagina, tabelas, links, imagens, textos, tudo o que quiser.
Essas são as três principais estruturas que complementam uma pagina em HTML. Dentro de cada uma existem mais centenas de códigos, irei explicar as mais importantes e que são fundamentais para a construção de uma página para a internet, não farei isso agora, pois se não o tutorial ficaria muito grande, vamos aprender aos poucos, certo?
Próxima aula: Aprenda a linkar!
Artigos complementares:
- Básico de HTML
- Guia de Referência HTML e XHTML
Caro Luan, gostaria que você entrasse emc ontato comigo por email, pois preciso tirar umas dúvidas que acredito que vc entenda do assunto.
aguardo
Giancarlo
@Giancarlo, entrarei em contato pelo e-mail que você disponibilizou no formulário.
Mas na próxima vez tente colocas suas dúvidas aqui nos comentários, pois assim outras pessoas poderiam ver e solucioná-las também. ;D