Início » Tutoriais » Tutorial HTML

Editores HTML

Escrever HTML Usando o Bloco de Notas ou TextEdit

HTML pode ser editada usando um editor de HTML profissional como:

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor
  • Notepad++

No entanto, para aprender HTML recomendamos um editor de texto como o Bloco de Notas (Win) ou TextEdit (Mac) ou um editor de texto mais profissional como o Notepad++. Mas vamos começar do início.

Acreditamos que através de um editor de texto simples é uma boa maneira de aprender HTML.

Siga os 4 passos abaixo para criar sua primeira página web com o bloco de notas.


Passo 1: Abra o bloco de notas

Para abrir o bloco de notas no Windows 7 ou anterior:

  • Clique em Iniciar (canto inferior esquerdo da sua tela). Clique em Todos os Programas . Clique Acessórios . Clique Bloco de Notas . [Ajuda]

Para abrir o bloco de notas no Windows 8 ou mais tarde:

  • Abra a tela de Início (o símbolo janela no canto inferior esquerdo da sua tela). Digite o bloco de notas.

Passo 2: escrever algum HTML

Escrever ou copiar algum código HTML no bloco de notas.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<h1>Meu primeiro título</h1>

<p>Meu primeiro parágrafo.</p>

</body>
</html>


Passo 3: Salve a página HTML

Salve o arquivo em seu computador.

No menu do Bloco de Notas selecione Arquivo -> Salvar como.

Ao salvar um arquivo HTML, use a extensão .htm ou  .html no final do nome do arquivo. No começo não vai fazer diferença.


Passo 4: Vista HTML página em seu navegador

Clique duas vezes no arquivo HTML salvo para abrir a página no seu navegador. O resultado será semelhante a este:

Em caso de dúvida, você pode tirar nos comentários.

Categoria: Tutorial HTML | Adicionado por : ShZlot (09-07-2014)
Visualizações: 770 | Ranking: 5.0/1
Total de comentários: 0
avatar