Learning Hub Logo
HTML
  • Introdução ao HTML
  • Editores HTML
  • Estrutura Básica de um Documento HTML
  • Elementos HTML
  • Atributos HTML
  • Títulos HTML
  • Parágrafos HTML
  • Estilos Inline no HTML
  • Formatação de Texto em HTML
  • Citações HTML
  • Comentários em HTML
  • Links em HTML
  • Imagens em HTML
  • Favicon no HTML
  • Título da Página no HTML
  • Tabelas HTML
  • Listas HTML
  • Elementos Block e Inline
  • Divs no HTML
  • Classes no HTML
  • ID no HTML
  • Botões no HTML
  • Iframes no HTML
  • HTML e JavaScript
  • Caminhos de Arquivo no HTML
  • Head no HTML
  • Layout no HTML
  • HTML Responsivo
  • Tags de Código no HTML
  • HTML Semântico
  • Guia de Estilo HTML
  • Entidades, Símbolos e Emojis no HTML
  • Charsets, URL Encode e XHTML
  • Formulários HTML
  • Inputs em Formulários HTML
  • Gráficos no HTML
  • Mídia no HTML

Sobre Diego Pinho

Professor especialista em tecnologia com mais de 10 anos de experiência. Autor de livros técnicos e criador de cursos que já impactaram milhares de estudantes.

Visite meu site principal →

Serviços

  • Área do Aluno
  • Solicite um orçamento
  • Trabalhe Conosco

Redes Sociais

  • Youtube
  • TikTok
  • Instagram
  • LinkedIn

Links

  • Site Institucional
  • Nosso Blog
  • Cursos Online
  • Livros Publicados

Professor Diego Pinho

Educação, Tecnologia e IA © 2026

Discord
HTMLEditores HTML
2 min de leitura

Editores HTML

Como escrever arquivos HTML em um editor de texto e visualizar o resultado no navegador

Onde escrever HTML?

Para criar uma página HTML, você não precisa de uma ferramenta mirabolante. Na prática, precisa de duas coisas:

  • um editor de texto para escrever o código;
  • um navegador para abrir o arquivo e ver o resultado.

Só isso. O navegador interpreta o HTML e monta a página na tela.

O que usar como editor?

Qualquer editor de texto simples já serve, desde que ele salve o arquivo com a extensão .html.

Alguns exemplos comuns:

  • VS Code;
  • Notepad++;
  • Sublime Text;
  • o Bloco de Notas, em último caso.

O importante aqui não é o editor ser chique. É ele deixar você escrever texto puro sem inventar formatação escondida.

Criando o primeiro arquivo

Suponha que você crie um arquivo chamado index.html com este conteúdo:

Carregando...

Depois de salvar, basta dar dois cliques no arquivo que ele abrirá no seu navegador.

O que acontece depois?

O navegador lê o arquivo e renderiza a página. Ou seja: ele interpreta aquelas tags e transforma isso em conteúdo visual.

O código:

Carregando...

vira algo como:

  • um título grande;
  • um texto logo abaixo.

Fluxo mais comum no dia a dia

Quando estiver estudando ou desenvolvendo, o fluxo costuma ser este:

  1. escrever o HTML no editor;
  2. salvar o arquivo;
  3. atualizar o navegador;
  4. ver o resultado;
  5. corrigir o que ficou errado, porque quase sempre fica alguma coisinha errada mesmo.

Esse ciclo é o arroz com feijão do front-end. Você escreve, salva, testa e ajusta.

AnteriorIntrodução ao HTMLPróximo Estrutura Básica de um Documento HTML