Se você preferir codificar sites à mão, poderá editar arquivos HTML em um editor de texto básico como o bloco de notas (Windows) ou Textedit (MacOS). Se você preferir mover elementos na tela e ver pré-visualizações ao vivo, poderá usar um WYSIWYG (o que você vê é o que obtém) Editor como Dreamweaver ou Kompozer. ThiSeaches você como abrir e editar um arquivo HTML em um aplicativo de edição padrão ou visual.

Passos

Método 1 de 4:

Usando um bloco de notas no Windows

1. Clique no botão Iniciar do Windows

. É 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. Modelo Bloco de anotações. Isso exibe o bloco de notas no menu Iniciar.

Imagem intitulada Editar arquivos HTML Passo 3

3. Clique Bloco de anotações. Tem um ícone que se assemelha a um bloco de notas com uma capa azul.

4. Clique Arquivo. Está no topo da barra de menus no bloco de notas. Isso exibe um menu suspenso. Isso exibe um navegador de arquivos que você pode usar para abrir arquivos no bloco de notas.

5. Clique Abrir. É a segunda opção no menu suspenso arquivo.

Imagem intitulada Editar arquivos HTML Passo 6

6. Selecione "Todos os arquivos" No menu suspenso Tipo de arquivo. Clique na lista suspensa que diz "Documentos de texto (.TXT)" e selecione "Todos os arquivos" No menu suspenso. Isso exibe todos os tipos de documentos (incluindo arquivos HTML) no navegador de arquivos.

7. Selecione um arquivo HTML e clique em Abrir. Isso abre o documento HTML no bloco de notas. Você pode editar o código HTML no bloco de notas.

Alternativamente, você pode Crie um novo documento HTML No bloco de notas.

8. Edite o código HTML. Para editar HTML no bloco de notas, você precisará Aprenda HTML para que você possa editá-lo à mão. Elementos comuns você pode editar incluem o seguinte.

: Isso vai no topo do documento HTML. Isso informa ao navegador da Web que este é um documento HTML.

: Essas tags vão na parte superior e inferior do documento HTML. Isso indica onde o código HTML é iniciado e pára.

: Essas tags vão no topo do documento HTML. Eles indicam onde a cabeça do documento HTML começa e pára. A cabeça 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

Título da página: Essas tags indicam o título da página. O título vai na cabeça do documento HTML. Digite o título da página entre essas duas tags.

: Essas tags indicam onde o corpo do documento HTML é iniciado e pára. O corpo é onde todo o conteúdo da página da web é escrito. O corpo vem depois da cabeça no documento HTML.

Texto de manchete: Essas tags criam tags de manchete. O texto entre o "

" e "

" Tags aparecem como um texto negrito grande. O texto entra no corpo do documento HTML.

Texto do parágrafo: Estas tags são usadas para criar texto de parágrafo em um documento HTML. O texto que entra entre "

" e "

" aparece como texto de tamanho normal. O texto entra no corpo do documento HTML.

Texto em negrito: Essas tags são usadas para criar texto negrito. O texto que entra entre "" e "" aparece como texto negrito.

Texto itálico: Essas tags são usadas para criar texto itálico. O texto que entra entre "" e "" aparece como texto itálico.

Texto do link: Esta tag é usada para vincular a outro site. Copie o endereço da Web que você deseja vincular e cole onde ele diz "URL" (entre as aspas). O texto para o link onde diz "Texto do link" (Sem aspas necessárias).

: Esta tag é usada para postar uma imagem usando HTML. Substituir o texto que diz "imagem URL" Com o endereço da Web da imagem.

9. Clique Arquivo. Está na barra de menus no topo da tela.

10. Clique Salvar como. Isso abre uma caixa de diálogo que você pode usar para salvar seu arquivo.

Para salvar o arquivo como é o nome existente e o tipo de arquivo, basta clicar Salve  No menu suspenso abaixo "Arquivo".

11. Selecione "Todos os arquivos". Use o menu suspenso ao lado de Salvar como tipo" selecionar "Todos os arquivos".

12. Digite um nome para o arquivo. Use a caixa ao lado de "Nome do arquivo" Para digitar um nome para o arquivo.

13. Modelo .html No final do arquivo. Depois de digitar um nome para o arquivo no "Nome do arquivo" caixa, adicione a extensão ".html" No final do nome do arquivo. Sem essa extensão, ele salvará o arquivo como um .arquivo txt, em vez de um arquivo HTML.

Imagem intitulada Editar arquivos HTML Passo 14

14. Clique Salve . Isso salva o arquivo.

Método 2 de 4:

Usando Textedit no Mac

1. Clique no ícone de lupa

. Está no canto superior direito do Mac Desktop. Isso exibe uma barra de pesquisa.

2. Modelo Textedit Na barra de pesquisa. Isso exibe uma lista de aplicativos que correspondem ao seu resultado de pesquisa.

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

Imagem intitulada Editar arquivos HTML Passo 18

4. Clique Arquivo. Está na barra de menus no topo da tela quando o Textedit está aberto.

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

Imagem intitulada Editar arquivos HTML Passo 20

6. Clique em um arquivo HTML e clique em Abrir. Arquivos HTML têm uma extensão que diz ".html" Após o nome do arquivo. Use o navegador de arquivos para navegar para um arquivo HTML e clique nele para selecioná-lo. Então clique Abrir Para abrir o arquivo HTML em Textedit.

Imagem intitulada Editar arquivos HTML Passo 21

7. Edite o código HTML. Você pode usar Textedit para editar o código HTML em fazer. Você precisa Aprenda HTML para que você possa editá-lo à mão. Elementos comuns você pode editar incluem o seguinte.

: Isso vai no topo do documento HTML. Isso informa ao navegador da Web que este é um documento HTML.

: Essas tags vão na parte superior e inferior do documento HTML. Isso indica onde o código HTML é iniciado e pára.

Título da página: Essas tags indicam o título da página. O título vai na cabeça do documento HTML. Digite o título da página entre essas duas tags.

: Essas tags indicam onde o corpo do documento HTML é iniciado e pára. O corpo é onde todo o conteúdo da página da web é escrito. O corpo vem depois da cabeça no documento HTML.

Texto de manchete: Essas tags criam tags de manchete. O texto entre o "

" e "

" Tags aparecem como um texto negrito grande. O texto entra no corpo do documento HTML.

Texto do parágrafo: Estas tags são usadas para criar texto de parágrafo em um documento HTML. O texto que entra entre "

" e "

" aparece como texto de tamanho normal. O texto entra no corpo do documento HTML.

Texto em negrito: Essas tags são usadas para criar texto negrito. O texto que entra entre "" e "" aparece como texto negrito.

Texto itálico: Essas tags são usadas para criar texto itálico. O texto que entra entre "" e "" aparece como texto itálico.

: Esta tag é usada para postar uma imagem usando HTML. Substituir o texto que diz "imagem URL" Com o endereço da Web da imagem.

8. Clique Arquivo. Está na barra de menus no topo da tela.

Imagem intitulada Editar arquivos HTML Step 23

9. Clique Salve . Está no menu suspenso abaixo "Arquivo". Isso salva o arquivo HTML.

Para alterar o nome do arquivo, clique em Renomear no "Arquivo" menu suspenso. Digite um novo nome para o arquivo na parte superior da tela. Certifique-se de incluir o ".html" Extensão na parte superior da página.

Método 3 de 4:

Usando o Dreamweaver

1. Dreamweaver aberto. Dreamweaver tem um ícone que se assemelha a uma praça verde que diz "Dw" No meio. Clique no ícone no menu Iniciar do Windows ou na pasta de aplicativo no Mac para abrir o Dreamweaver.

Adobe Dreamweaver requer um inscrição. Você pode comprar uma assinatura a partir de US $ 20.99 por mês.

2. Clique Arquivo. Está na barra de menus no topo da tela.

3. Clique Abrir. Está no menu suspenso abaixo "Arquivo".

Imagem intitulada Editar arquivos HTML Step 27

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

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

6. Edite o documento HTML. Use o editor HTML para editar HTML. A maneira como você edita HTML no Dreamweaver não é diferente de editar HTML no bloco de notas ou Textedit. Ao digitar uma tag HTML, um menu de pesquisa aparecerá com tags HTML correspondentes. Você pode clicar na tag HTML para inserir suas tags de abertura e fechamento. O Dreamweaver irá 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 HTML e clique em Inserir Na barra de menus no topo da tela. Clique no item que você deseja inserir no menu suspenso para adicionar o código HTML automaticamente.

Imagem intitulada Editar arquivos HTML Passo 30

7. Clique Arquivo. Quando terminar de editar o documento HTML, clique em Arquivo Na barra de menus no topo da tela.

Imagem intitulada Editar arquivos HTML Passo 31

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

Método 4 de 4:

Usando o Kompozer

1. Vamos para https: // sourceforge.Rede / Projetos / Kompozer / Em um navegador da Web. Você pode usar qualquer navegador da Web no PC ou Mac. Esta é a página de download para Kompozer. É um editor de HTML gratuito (WYSIWYG) que funciona em ambos os Windows e Mac.

Imagem intitulada Editar arquivos HTML Step 33

2. Clique Download. É o botão verde perto do topo da página. Isso leva você a uma página de download separada. Após um atraso de 5 segundos, seu download começará.

3. Clique duas vezes no arquivo de instalação. Por padrão, seus arquivos baixados podem ser encontrados em seu "Transferências" Pasta no PC ou Mac. Você também pode clicar neles no seu navegador para iniciar o instalador Kompozer. Use as instruções a seguir para instalar o Kompozer:

Janelas:

Se perguntado se você quiser permitir que o instalador faça alterações no seu sistema, clique em sim.

Clique Próximo Nas janelas da introdução.

Clique no botão radial ao lado de "eu aceito o acordo" e clique Próximo.

Clique Próximo Para usar o local de instalação padrão ou clique em Navegar Para selecionar um local de instalação diferente.

Clique Próximo e depois clique Próximo novamente

Clique Instalar

Clique Terminar

Mac:

Clique duas vezes no arquivo de instalação do Kompozer.

Clique Kompozer.aplicativo

Clique no ícone da Apple no canto superior esquerdo.

Clique Preferências do Sistema

Clique Segurança e privacidade

Clique no Em geral aba.

Clique Aberto de qualquer maneira perto da parte inferior da janela.

Clique Abrir Na janela pop-up.

Arraste o ícone Kompozer para a 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. Kompozer aberto. Use as etapas a seguir para abrir o Kompozer no PC ou Mac

Janelas:

Clique no Início do Windows cardápio.

Modelo "Kompozer"

Clique duas vezes no ícone Kompozer.

Mac:

Clique no ícone de lupa no canto superior direito.

Modelo "Kompozer" Na barra de pesquisa.

Duplo click Kompozer.aplicativo.

5. Clique Arquivo. Está na barra de menus no topo do aplicativo.

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

Imagem intitulada Edit Html Arquivos Passo 38

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

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

Você pode precisar ampliar o aplicativo para que você tenha mais espaço para trabalhar.

Imagem intitulada Editar arquivos HTML Passo 40

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 maneira que você faria no bloco de notas ou no Textedit. Você também pode usar a tela de visualização para editar seu HTML usando as seguintes etapas:

Use o menu suspenso no canto superior direito para selecionar o tipo de texto (i.e 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 ChainLink para adicionar um link ao seu documento HTML.

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