Criar e atualizar um arquivo HTML no navegador

Use um editor de texto simples ou de código. Vamos escrever apenas caracteres, sem guardar estilos como negrito ou cores. Um processador de textos, como o Word, é voltado a documentos com formatação e não é a escolha para este teste.

Abra o editor escolhido e use a opção Novo ou Novo arquivo. Na área de edição, digite a frase abaixo, sem acrescentar marcação.

Confira se a frase está no editor. Este é um teste provisório; a estrutura de um documento HTML será aprendida mais adiante. No próximo passo, vamos salvar o arquivo.

Vamos salvar seu texto simples em um arquivo com extensão .html — a parte final do nome.

1. No editor, use Arquivo > Salvar como ou a opção equivalente.
2. Escolha uma pasta fácil de encontrar, como Documentos.
3. Digite teste.html no campo do nome.
4. Se houver um campo Tipo, escolha Todos os arquivos ou a opção equivalente que permita manter a extensão digitada. Se houver uma opção de adicionar .txt automaticamente, desmarque-a.
5. Clique em Salvar.

Abra a pasta escolhida no gerenciador de arquivos. O nome deve ser teste.html, não teste.html.txt.

Se as extensões estiverem ocultas:

• Windows: no Explorador de Arquivos, procure Extensões de nomes de arquivos no menu Exibir. Em algumas versões, a opção fica dentro de Mostrar.
• Mac: no menu Finder, abra Ajustes ou Preferências > Avançado e marque Mostrar todas as extensões de arquivos.

1. Abra a pasta onde você salvou o arquivo, usando o gerenciador de arquivos, como o Explorador de Arquivos do Windows ou o Finder do macOS.
2. Clique com o botão direito no arquivo .html e procure Abrir com ou uma opção equivalente.
3. Escolha um navegador instalado, como Chrome, Edge, Firefox ou Safari.

No editor, você trabalha no texto do arquivo. No navegador, você vê a página exibida a partir do arquivo salvo. Os dois aplicativos podem ficar abertos ao mesmo tempo.

Ao abrir esse arquivo, o navegador mostra uma página que está no seu computador. Essa é uma visualização local: abrir o arquivo no navegador não publica a página na internet.

Volte ao mesmo arquivo .html no editor.

1. Editar: altere a frase de teste no editor.
2. Salvar: use Arquivo > Salvar para gravar a alteração no arquivo local.
3. Atualizar: volte à aba que exibe o arquivo no navegador e clique no botão Atualizar, geralmente indicado por uma seta circular perto da barra de endereço. O navegador vai reler o arquivo salvo.

A frase antiga continua na página? Comece por duas verificações:

• A alteração foi salva? Alguns editores mostram um ponto ou asterisco quando há mudanças não salvas.
• A página foi atualizada depois de salvar? Se o salvamento já foi feito, confira essa etapa.

Corrija o que ficou pendente, sem recomeçar o arquivo.

Já salvou e atualizou, mas nada mudou? Confira o nome e a pasta do arquivo no editor e compare com a barra de endereço do navegador. Se forem diferentes, abra no navegador o arquivo que você editou.

Crie um novo arquivo local .html, usando um editor de texto simples ou de código, e exiba uma frase de sua escolha no navegador.

Depois, mude a frase no mesmo arquivo e faça a nova versão aparecer na página. Use apenas texto, sem marcação HTML.

Confira se você conseguiu:

• Salvar o arquivo em uma pasta que consegue localizar, com o nome terminado em .html, e não em .html.txt.
• Ver a frase inicial no navegador.
• Ver a nova frase no navegador depois de salvar a alteração e atualizar a página.