As páginas web são desenvolvidas utilizando texto puro, o que significa que basta escrever o código em um programa de edição de texto simples. Aprenda 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?
  1. Um Editor HTML profissional.
  2. Um Servidor WEB.
  3. 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:
<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.

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

  • Abrindo o documento em seu navegador

Siga os passos abaixo:

Fontes de Pesquisa:

  • http://www.criarwebsite.com/tutoriais/html/introducao.html
  • http://www.ufpa.br/dicas/htmmozi/htm-intr.htm
  • http://www.clem.ufba.br/tuts/html/c02.htm

3 Respostas para “Aprenda o básico sobre HTML”

  1. Tarcízio

    Segui o tutorial passo a passo e montei o meu primeiro arquivo HTML que foi renderizado pelo navegador, obrigado João Paulo!

    Responder
  2. Marquinhos

    Tutorial com informações muito bem organizadas e objetivas. Parabéns João Paulo, sucesso com o Blog!

    Responder

Comentar

  • (não será publicado)