Ver código-fonte no GitHub
João Paulo Cercal

Software Engineer na Spectrm em Berlim, Alemanha

  • 389 palavras
  • 2 min de leitura
  • HTML

Aprenda o básico sobre HTML

Partindo do princípio que você já leu a Introdução a Linguagem HTML, vamos prosseguir.

O Que Você Precisa?

  • Querer aprender.

O que você não precisa?*

  • Um Editor HTML profissional.
  • Um Servidor WEB.
  • Um Website.

HTML e Compatibilidade

Diferentemente dos processadores de texto, a linguagem HTML não foi criada para controlar a aparência dos documentos.

Os vários navegadores interpretam HTML de diferentes formas. Caso pretenda criar websites profissionalmente, o ideal é que você instale várias opções de navegadores em seu computador (Navegadores ou Browsers), de forma a prever a aparência que suas páginas da web terão, ao menos nos navegadores mais comumente utilizados. Outra preocupação seria com a resolução do monitor do usuário final.

Como Editar e Salvar

As páginas da web, como mencionado, são desenvolvidas utilizando texto puro, o que significa que basta escrever o código em um programa de edição de texto simples (como o ‘Bloco de Notas’ do Windows) e depois salvá-lo como:

Extensão: Todos os arquivos (.), nomeando-o com a extensão .html (pagina.html) ou .htm (pagina.htm).

  1. .htm: característica do DOS e WINDOWS
  2. .html: característica do UNIX

Usaremos a extensão .html em nossos exemplos.

Nota: se existirem dois documentos com o mesmo nome, por exemplo, um arquivo chamado index.html e outro, index.htm, o servidor irá sempre apresentar o index.html. A menos que você modifique a configuração padrão. Conheça o Servidor Web Apache.

Além de editores de texto puro, você pode utilizar um Editor de HTML profissional especializado para editar suas páginas.

Recomendado: Se você quiser ser um desenvolvedor Web habilidoso, use um editor de texto puro para aprender HTML elementar. E quando souber o que faz cada tag utilize um editor para acelerar o processo de desenvolvimento.

Exemplo:

1
2
3
4
5
6
7
8
<html>
    <head>
      <title>Título</title>
    </head>
    <body>
        <p>Esse texto contém um parágrafo</p>
    </body>
</html>

Vamos à explicação passo a passo:

  1. Esta tag diz para o seu navegador que este é o início de um documento HTML.
  2. Inicia o cabeçalho
  3. Configura o título
  4. Finaliza o cabeçalho
  5. Inicia o corpo
  6. Insere um texto com um parágrafo
  7. Finaliza o corpo do documento
  8. Finaliza o documento html

Apenas o corpo (body) do documento é apresentado no navegador.

Aprenda o básico sobre HTML

Utilizaremos o padrão CamelCase para os nomes dos arquivos, então, salve o arquivo como “primeiraPagina.html”.

Aprenda o básico sobre HTML

Abrindo o documento em seu navegador

Siga os passos abaixo:

Aprenda o básico sobre HTML

Aprenda o básico sobre HTML

Fontes de Pesquisa: