Como Criar minha Primeira Página em HTML

Postado por admin | Comandos e Códigos HTML | Monday 5 April 2010 3:22 pm

Principais Comandos e Códigos HTML para Criar uma Página

Segue um modelo de documento ou arquivo básico e seus componentes!

A estrutura de um documento HTML apresenta os seguintes componentes:

<HTML>
<HEAD>
<TITLE>Titulo do Documento</TITLE>
</HEAD>
<BODY>

Aqui vai os textos, imagens e links…

</BODY>
</HTML>

ATENÇÃO! Veja bem, estes codigos html acima, já é uma estrutura de pagina HTML. Então por exemplo, se você copiar este codigo acima e colar em um bloco de notas do windows e salvar como "documento.html" e depois de salvo abrir ele, você terá uma página web simples em HTML. Faça o teste se quiser, depois continue a leitura! Veja o exemplo aqui numa nova janela.

Código HTML

As tags ou etiquetas HTML não são sensíveis à caixa. Traduzindo: tanto faz escrever <HTML>, <Html>, <html>, <HtMl>. Os documentos ou (arquivos html) se dividem em duas seções principais, que veremos a seguir:

A Seção <HEAD>: <HEAD> contém informações sobre o documento; o elemento <TITLE>, por exemplo, define um título, que é mostrado no alto da janela do browser. Nesta página de exemplo, está definido assim:

<HEAD>
<TITLE>Documento basico em HTML</TITLE></HEAD>

Todo documento WWW deve ter um título; esse título é referenciado em buscas pela rede, dando uma identidade ao documento. É sugerido que os títulos dos documentos sejam sugestivos, evitando-se, portanto, títulos como "Introducao". De preferência, os títulos não devem conter acentos ou outros caracteres especiais (eles não serão mostrados corretamente pelos sistemas de janela em algumas plataformas). Além do título, HEAD contém outras informações que podem ser recuperadas por robôs de pesquisa na Internet; esses campos de informação facilitam a classificação do documento em catálogos de busca, entre outras aplicações.

A Seção <BODY>: Tudo que estiver contido em <BODY> será mostrado na janela principal do browser, sendo apresentado ao leitor. <BODY> pode conter cabeçalhos, parágrafos, listas, tabelas, links para outros documentos, e imagens. Veja um documento com uma estrutura básica em HTML. <BODY> tem alguns atributos de apresentação que são aplicados ao documento que veremos no próximo post.

Segue as Tags Principais para Criação de uma Página HTML:

Estrututa Básica de uma Página Web

<html> é a tag de abertura do html.

<head> cabeçalho da página. onde ficam informações adicionais.

</head> tag de fechamento do cabeçalho.

<title> é a tag de abertura do título da janela.

</title> tag de fechamento do título da janela.

<body> corpo da página. aqui ficará a parte principal do seu site.

</body> tag de fechamento do corpo da página.

</html> tag de fechamento do html.

Dicas de Produtos em Promoção
Hp Dv6 1355 Core2duo 2.2 4gb Ddr3 Hd500 15.6led Tec Numérico Mais info» R$ 1,699.00 até 18x de 127.43	Hp Dv6 1350 Core2duo 2.2 4gb Hd320 15 Led Bluetooth Bat12cel Mais info» R$ 1,749.00 até 18x de 131.18	Netbook Asus Eeepc 1005pe 250gb N450 1.66ghz 2gb Bat 11hrs Mais info» R$ 1,059.00 até 18x de 79.43
Hp Dv4 2045 Turion X2 2.2 4gb Hd320 7200 14 Hdmi Ati 4200 Mais info» R$ 1,489.00 até 18x de 111.68	Notebook Sony Vaio Intel Quad I7 2.8ghz Turbo F111fx Bluray Mais info» R$ 3,699.99 até 18x de 277.50	Netbook Asus Eeepc 1005pe 10' 2gb Atom N450 1.66ghz 250gb W7 Mais info» R$ 979.99 até 18x de 73.50
Netbook 7 Com Windows Ce E Wireless Mais info» R$ 449.00 até 18x de 33.68	Netbook Sony Vaio Vpc W210 W211 10 2gb 250gb N450 W121 6cell Mais info» R$ 1,649.98 até 18x de 123.75	Notebook Hp X2 2, 2 4gb 320gb Wi Fi Webcam Tela 14 Windows 7 Mais info» R$ 1,699.99 até 18x de 127.50
Vitrine TecnoBlog