Como escrever arquivos HTML em um editor de texto e visualizar o resultado no navegador
Para criar uma página HTML, você não precisa de uma ferramenta mirabolante. Na prática, precisa de duas coisas:
Só isso. O navegador interpreta o HTML e monta a página na tela.
Qualquer editor de texto simples já serve, desde que ele salve o arquivo com a extensão .html.
Alguns exemplos comuns:
O importante aqui não é o editor ser chique. É ele deixar você escrever texto puro sem inventar formatação escondida.
Suponha que você crie um arquivo chamado index.html com este conteúdo:
1<!DOCTYPE html> 2<html> 3 <body> 4 <h1>Minha primeira página</h1>
Depois de salvar, basta dar dois cliques no arquivo que ele abrirá no seu navegador.
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:
1<h1>Minha primeira página</h1> 2<p>Escrevi isso em um editor e abri no navegador.</p>
vira algo como:
Quando estiver estudando ou desenvolvendo, o fluxo costuma ser este:
Esse ciclo é o arroz com feijão do front-end. Você escreve, salva, testa e ajusta.