Criar uma página em HTML

Como Fazer Um Site >> Criar Site >> Criar uma página em HTML


Para criar uma página em HTML (Hyper Text Markup Language) só precisa de um editor simples como o Bloco de Notas do Windows (notepad). Se em vez de guardar um novo documento do bloco de notas com a extensão .txt o guardar com a extensão .html você fica com um documento HTML que depois pode ser aberto por qualquer navegador da internet.



Mas também é necessário que o documento seja estruturado com alguns códigos simples (tags) para que a página seja reconhecida como uma página web. A estrutura básica de uma página HTML é a seguinte:

<html>

<head>
<title> </title>
</head>

<body>
</body>

</html>

Este é o código HTML de uma página da internet, que também é chamado habitualmente de "código fonte da página". Repare que cada uma das tags tem uma abertura e um fecho. Por exemplo à tag <head> corresponde a tag de fecho </head>.

  • Copie e cole aquela estrutura no seu novo documento do bloco de notas.
  • Entre a tag <title> e a tag </title> coloque o título que quer dar à sua página.
  • Entre a tag <body> e a tag </body> coloque algumas frases que quer que apareçam na sua página (É nesta secção que é colocado todo o conteúdo da página, imagens, textos, vídeos, tabelas, etc)
  • Guarde o documento. Mas em vez de o salvar com a extensão .txt guarde com a extensão .html .
  • Abra o documento que acabou de salvar. Ele abre-se no browser que tem ativo no seu computador.

Parabéns, criou a sua primeira página em HTML!

Se quer aprender a usar outras tags HTML, formatar texto, inserir imagens, links, tabelas, etc, visite o Tutorial de HTML. Se não quiser aprender mais tags do que as que fazem parte da estrura básica HTML, então use um editor de HTML para fazer todo o trabalho por você e gerar o código da página automaticamente.

Editores de HTML (WYSIWYG)

Outra forma de criar páginas web é usando editores de HTML WYSIWYG (What You See Is What You Get) que permitem visualizar como vai ser o resultado final da página à medida que ela é editada. Com este tipo de editores você pode criar e editar uma página web sem ter conhecimentos dos códigos HTML. Em vez de editar o código fonte da página, você edita directamente a página como se estivesse a editar um documento do Word.

Experimente o editor de HTML online abaixo:

A qualquer altura pode ver qual é o código HTML que é gerado automaticamente. Para isso clique no botão "Fonte" (fica na barra de ferramentas que fica por cima da área de edição). Para sair da visualização do código clique novamente no botão "Fonte".

Se quiser usar este editor para criar uma página clique no botão "Fonte", copie tudo e cole num documento do bloco de notas do windows e guarde o documento com a extensão .html.

A maior parte dos programas para fazer site podem ser usados também no modo "WYSIWYG" sem portanto ser necessário ter conhecimentos de HTML. Pode usar nesse modo programas avançados tais como o Dreamweaver (ver Tutorial Dreamweaver) ou pode usar programas mais simples como o Nvu (ver Tutorial de NVU).

 

 

 

 


Registro de Dominio:
Namecheap.com

Domínios a preços acessíveis.
Inclui serviço e privacidade gratuito.

Hospedagem para seu site:

banner de afiliado

Eu próprio uso esta empresa
de hospedagem para alojar
os meus sites.

Criar Site Grátis:
Loja Virtual Grátis:

BLOG | FÓRUM | Política de Privacidade
Copyright © 2018 - ComoFazerUmSite.com
Design com Dreamweaver

 X
Quer aprender como criar sites, receber novidades, promoções e ofertas especiais?
Subscreva a newsletter gratuita.
Endereço de Email:

Pop Email