Editor HTML para Iniciantes

O ponto de partida perfeito para aprender HTML: escreva código e veja os resultados instantaneamente.

Introdução

Aprender HTML é uma das primeiras etapas no desenvolvimento web. Nosso editor HTML amigável para iniciantes facilita o início: basta digitar o código e ver os resultados. Sem configurações complicadas, sem recursos IDE confusos — apenas um editor simples e uma visualização ao vivo.

Introdução ao HTML

HTML (HyperText Markup Language) é a linguagem padrão para criação de páginas web. Ele usa tags para definir a estrutura e o conteúdo de uma página. Aqui estão os princípios básicos:

  • Tags — os elementos HTML são definidos com tags como

    ,

    ,

  • Atributos — Tags podem ter atributos como class, id, href
  • Aninhamento — As tags são aninhadas umas dentro das outras para criar estrutura
  • Tags de fechamento — A maioria das tags tem uma tag de abertura e fechamento:

    ...

Sua primeira página HTML

Copie isso no HTML Code Runner e clique em Executar:

<!DOCTYPE html>
<html>
<head>
  <title>My First Page</title>
</head>
<body>
  <h1>Welcome!</h1>
  <p>This is my first HTML page.</p>
  <a href="https://example.com">A link</a>
</body>
</html>

Coisas para experimentar

  1. Altere o texto do título e veja-o atualizado
  2. Adicione um segundo parágrafo com a tag

  3. Crie uma lista não ordenada com
      e
  4. Adicione uma imagem com
  5. Adicione cor com um estilo embutido: style="color: blue;"
  6. Crie um botão com

Recursos de aprendizagem

Dicas para iniciantes

  • Sempre comece com
  • Feche todas as tags que você abrir
  • Use recuo para manter seu código legível
  • Teste frequentemente – execute seu código após algumas alterações
  • Não tenha medo de quebrar as coisas – é assim que você aprende

Perguntas frequentes

Não. HTML costuma ser a primeira língua que as pessoas aprendem. É descritivo (você descreve o que deseja ver) em vez de processual.

Você pode aprender HTML básico em poucas horas. Dominar todos os elementos e práticas recomendadas leva semanas de prática.

Comece com HTML. Depois de criar a estrutura da página, adicione CSS para estilizá-la. Em seguida, mude para JavaScript para interatividade.

Recursos relacionados