Contente

• Passos
• Perguntas e respostas da comunidade
• Dicas
• Avisos

Outras Seções

Se preferir codificar sites manualmente, você pode editar arquivos HTML em um editor de texto básico como o Bloco de notas (Windows) ou TextEdit (macOS). Se você preferir ser capaz de mover elementos pela tela e ver visualizações ao vivo, pode usar um editor WYSIWYG (o que você vê é o que você obtém) como o Dreamweaver ou Kompozer. Este wikiHow ensina como abrir e editar um arquivo HTML em um aplicativo de edição visual ou padrão.

Passos

Método 1 de 4: usando um bloco de notas no Windows

1. 

   . É o botão que tem um logotipo do Windows na barra de tarefas. Por padrão, está no canto inferior esquerdo. Isso exibe o menu Iniciar

2. 

   . Ele está no canto superior direito da área de trabalho do Mac. Isso exibe uma barra de pesquisa.

3. 

   
   
   Tipo TextEdit na barra de pesquisa. Isso exibe uma lista de aplicativos que correspondem ao resultado da pesquisa.

4. 

   
   
   Clique TextEdit.app. Está no topo dos resultados da pesquisa. É ao lado de um ícone que se assemelha a uma folha de papel e uma caneta.

5. 

   Clique Arquivo. É na barra de menu na parte superior da tela quando o TextEdit está aberto.

6. 

   
   
   Clique Abrir. Isso abre um navegador de arquivos que você pode usar para navegar no Mac e abrir arquivos.

7. 

   Clique em um arquivo HTML e clique em Abrir. Os arquivos HTML têm uma extensão que diz ".html" após o nome do arquivo. Use o navegador de arquivos para navegar até um arquivo HTML e clique nele para selecioná-lo. Então clique Abrir para abrir o arquivo HTML no TextEdit.

8. 

   Edite o código HTML. Você pode usar o TextEdit para editar o código HTML no make. Você precisa aprender HTML para que possa editá-lo manualmente. Os elementos comuns que você pode editar incluem o seguinte.
   • : Isso vai na parte superior do documento HTML. Isso informa ao navegador da web que este é um documento HTML.
   • : Essas marcas ficam na parte superior e inferior do documento HTML. Isso indica onde o código HTML começa e termina.
   • : Essas tags ficam no topo do documento HTML. Eles indicam onde o cabeçalho do documento HTML começa e termina. O cabeçalho do documento HTML contém informações que não são vistas na página da web. Isso inclui o título da página, metadados e CSS
   • : Essas tags indicam o título da página. O título vai para o cabeçalho do documento HTML. Digite o título da página entre essas duas tags.
   • : Essas marcas indicam onde o corpo do documento HTML começa e termina. O corpo é onde todo o conteúdo da página da web é escrito. O corpo vem depois do cabeçalho no documento HTML.

   • Texto do Título

     : Essas tags criam tags de título. O texto entre o "

     "e"

     "tags aparecem como um grande texto em negrito. O texto vai no corpo do documento HTML.

   • Texto do Parágrafo

     : Essas marcas são usadas para criar texto de parágrafo em um documento HTML. O texto que vai no meio "

     "e"

     "aparece como texto de tamanho normal. O texto vai no corpo do documento HTML.
   • Texto em negrito: Essas marcas são usadas para criar texto em negrito. O texto que vai no meio ""e""aparece como texto em negrito.
   • Texto Itálico: Essas marcas são usadas para criar texto em itálico. O texto que vai no meio ""e""aparece como texto itálico.
   • Texto do link: Esta tag é usada para criar um link para outro site. Copie o endereço da web para o qual deseja criar um link e cole-o onde diz "URL" (entre as aspas). O o texto do link onde está escrito "Texto do link" (sem as aspas necessárias).
   • : Esta tag é usada para postar uma imagem usando HTML. Substitua o texto que diz "URL da imagem" pelo endereço da web da imagem.

9. 

   Clique Arquivo. Está na barra de menu na parte superior da tela.

10. 

    Clique Salve . Ele está no menu suspenso abaixo de "Arquivo". Isso salva o arquivo HTML.
    • Para alterar o nome do arquivo, clique Renomear no menu suspenso "Arquivo". Digite um novo nome para o arquivo na parte superior da tela. Certifique-se de incluir a extensão ".html" na parte superior da página.

Método 3 de 4: usando o Dreamweaver

1. 

   Abra o Dreamweaver. O Dreamweaver tem um ícone semelhante a um quadrado verde que diz "Dw" no meio. Clique no ícone no menu Iniciar do Windows ou na pasta de aplicativos no Mac para abrir o Dreamweaver.
   • Adobe Dreamweaver requer uma assinatura. Você pode comprar uma assinatura a partir de $ 20,99 por mês.

2. 

   Clique Arquivo. Ele está na barra de menu na parte superior da tela.

3. 

   Clique Abrir. Ele está no menu suspenso abaixo de "Arquivo".

4. 

   Selecione um documento HTML e clique em Abrir. Use o navegador de arquivos para selecionar um documento HTML em seu computador e clique nele para selecioná-lo. Então clique Abrir no canto inferior direito.

5. 

   Clique Dividido. É a guia do meio na parte superior da página. Isso exibe uma tela dividida que contém um editor de HTML na parte inferior e uma tela de visualização na parte superior.

6. 

   Edite o documento HTML. Use o editor de HTML para editar HTML. A maneira como você edita HTML no Dreamweaver não é muito diferente da edição de HTML no Bloco de Notas ou no TextEdit. Conforme você digita uma tag HTML, um menu de pesquisa aparecerá com as tags HTML correspondentes. Você pode clicar na tag HTML para inserir suas tags de abertura e fechamento. O Dreamweaver verificará se há tags de abertura e fechamento para todos os seus elementos HTML.
   • Como alternativa, você pode clicar onde deseja inserir um elemento HTML no editor de HTML e clicar Inserir na barra de menu na parte superior da tela. Clique no item que deseja inserir no menu suspenso para adicionar o código HTML automaticamente.

7. 

   Clique Arquivo. Quando terminar de editar o documento HTML, clique em Arquivo na barra de menu na parte superior da tela.

8. 

   Clique Salve . Está no menu suspenso abaixo Arquivo. Isso salva seu documento HTML.

Método 4 de 4: usando Kompozer

1. 

   Vamos para https://sourceforge.net/projects/kompozer/ em um navegador da web. Você pode usar qualquer navegador da web no PC ou Mac. Esta é a página de download do Kompozer. É um editor HTML gratuito (WYSIWYG) que funciona tanto no Windows quanto no Mac.

2. 

   Clique Baixar. É o botão verde próximo ao topo da página. Isso leva você a uma página de download separada. Após um atraso de 5 segundos, o download começará.

3. 

   Clique duas vezes no arquivo de instalação. Por padrão, os arquivos baixados podem ser encontrados na pasta "Downloads" do PC ou Mac. Você também pode clicar neles em seu navegador da web para iniciar o instalador Kompozer. Use as seguintes instruções para instalar o Kompozer:
   • Janelas:
     • Se for perguntado se você deseja permitir que o instalador faça alterações em seu sistema, clique em sim.
     • Clique Próximo nas janelas de introdução.
     • Clique no botão radial ao lado de "Aceito o contrato" e clique em Próximo.
     • Clique Próximo para usar o local de instalação padrão ou clique Squeaky toy para selecionar um local de instalação diferente.
     • Clique Próximo e então clique Próximo novamente
     • Clique Instalar
     • Clique Terminar
   • Mac:
     • Clique duas vezes no arquivo de instalação Kompozer.
     • Clique KompoZer.app
     • Clique no ícone da Apple no canto superior esquerdo.
     • Clique Preferências do Sistema
     • Clique Segurança e privacidade
     • Clique no Geral aba.
     • Clique Aberto mesmo assim perto da parte inferior da janela.
     • Clique Abrir na janela pop-up.
     • Arraste o ícone Kompozer para sua área de trabalho.
     • Abra o Finder.
     • Clique no Formulários pasta.
     • Arraste o ícone Kompozer da área de trabalho para a pasta Aplicativos.

4. 

   Abra o Kompozer. Use as seguintes etapas para abrir o Kompozer no PC ou Mac
   • Janelas:
     • Clique no Windows Start cardápio.
     • Digite "Kompozer"
     • Clique duas vezes no ícone Kompozer.
   • Mac:
     • Clique no ícone da lupa no canto superior direito.
     • Digite "Kompozer" na barra de pesquisa.
     • Duplo click Kompozer.app.

5. 

   Clique Arquivo. Está na barra de menu na parte superior do aplicativo.

6. 

   Clique Abrir arquivo. É a segunda opção no menu suspenso abaixo de "Arquivo". Isso abre um navegador de arquivos que você pode usar para selecionar um arquivo HTML aberto.

7. 

   Clique em um arquivo HTML e clique em Abrir. Isso abre o arquivo HTML no Kompozer.

8. 

   Clique Dividido. É a guia do meio na parte superior da página. Isso exibe uma tela dividida que contém um editor de HTML na parte inferior e uma tela de visualização na parte superior.
   • Pode ser necessário ampliar o aplicativo para ter mais espaço para trabalhar.

9. 

   Edite o documento HTML. A tela do código-fonte HTML está na parte inferior, você pode usar esta tela para editar HTML da mesma forma que faria no Bloco de notas ou no TextEdit. Você também pode usar a tela de visualização para editar seu HTML seguindo as seguintes etapas:
   • Use o menu suspenso no canto superior direito para selecionar o tipo de texto (ou seja, Título, parágrafo, ect}
   • Clique e digite para adicionar texto.
   • Use os botões no painel na parte superior da tela para adicionar negrito, itálico, alinhamento de texto, recuos ou listas ao seu texto.
   • Clique no quadrado colorido no painel na parte superior da tela para alterar a cor do texto.
   • Clique no Imagem ícone na parte superior da tela para adicionar uma imagem ao seu documento HTML.
   • Clique no ícone que se assemelha a um elo de corrente para adicionar um link ao seu documento HTML.

10. 

    Clique no Salve  ícone. Quando terminar de fazer as alterações em seu documento, clique no Salve  ícone na parte superior da tela. Está abaixo de um ícone que se assemelha a um disquete. Isso salva seu trabalho.

Perguntas e respostas da comunidade

Dicas

Avisos

• Lembre-se de salvar seu documento durante a edição. Algo pode dar errado a qualquer momento.