Busca Interna
Atualize seu Navegador

Criando documentos HTML

Obrigatoriamente todo documento HTML deve ter a estrutura abaixo:

<html>
<head>
   <title>Título da página</title>
</head>

<body>


</body>
<html></html>: Define que é um documento HTML.
<head></head>: Define o cabeçalho da página.
<title></title>: Define o título da página.
<body></body>: Define o corpo da página.

Para começar a nossa primeira página insira o código abaixo no bloco de notas.

<html>
<head>
   <title>Minha primeira página</title>
</head>

<body>

   <h1>Está é minha primeira página</h1>

   <p>Este é meu primeiro parágrafo</p>

   <p>Este é meu segundo parágrafo</p>

</body>
</html>

Confira a imagem abaixo.

Bloco de Notas

Agora é só salvar seu arquivo clicando em Arquivo > Salvar. De um nome para seu arquivo e o mais importante, salvar com a extensão .html ou .htm, neste caso eu salvei como primeira_pagina.html.

Salvando o arquivo

Uma dica muito importante é procurar nomear suas páginas sem espaço e sem caracteres especiais. Por mais que um arquivo chamado de “primeira página.html” funcione na sua máquina, possivelmente ele não funcionaria em um servidor.

Há duas formas de visualizarmos está pagina. Uma delas é clicar duas vezes sobre o arquivo e assim abrirá a sua página no navegador padrão, ou você abrir o seu navegador e em seguida clicar em Arquivo > Abrir Arquivo e procurar pelo arquivo na janela que foi aberta.

Veja como ficou nossa primeira páina:

Bloco de Notas

Por enquanto aprendemos a criar um documento HTML, mas fica tranquilo que entraremos com mais detalhes sobre as tags utilizadas acima nos próximos capítulos.

  • Atualizado: 24/04/2009 - Cadastrado: 24/04/2009
Copyright ©2007-2009 - TibumWeb Apoio a Programação - Todos os direitos reservados - Desenvolvido por: OpenDesigner