Como copiar e colar HTML no meu site

Quase todo mundo que possui um site se pergunta sobre como usar HTML para fazer uma coisa ou outra; por exemplo, formatação de texto de uma certa maneira, organização de conteúdo em colunas ou construção de tabelas. Quando você encontra um site que fez exatamente o que deseja, seu navegador da web permite que você dê uma olhada no código-fonte HTML para ver como foi feito. Você pode até copiar e colar o código para obter um ponto de partida para criar seus próprios efeitos em suas próprias páginas.

Passo 1

Acesse o site com o código que deseja copiar.

Etapa 2

Acesse a fonte da página. Este é o HTML bruto da página. Na maioria dos navegadores, vá ao menu “Visualizar” e procure uma opção como “Origem” ou “Exibir código fonte”.

Etapa 3

Encontre as linhas do código HTML que você deseja copiar. Destaque o material e copie-o com a combinação de “Ctrl” e “C” em um PC ou “Command” e “C” em um Mac.

Etapa 4

Abra o arquivo em que deseja colar o código HTML. Você deve abrir o arquivo com um editor de texto simples, não um navegador da web. O uso de um navegador exibirá o arquivo como uma página da web; Você deseja ver o código HTML. Clique com o botão direito do mouse no arquivo (em um Mac, pressione e segure “Opção” e clique nele) e selecione a opção “Abrir com”. Selecione um programa de edição de texto sem formatação, como o Bloco de Notas no Windows ou o TextEdit no Mac.

Etapa 5

Encontre o local em que deseja colar o código HTML que você copiou antes. Cole com a combinação de teclas “Ctrl” e “V” (no Mac, “Command” e “V”).

Etapa 6

Salve o arquivo HTML. Você pode deixá-lo aberto no editor de texto sem formatação se quiser fazer mais alterações.

Etapa 7

Volte para a área de trabalho e clique duas vezes no ícone do arquivo em que você acabou de colar o código HTML. Isso abrirá o arquivo em um navegador da web. Veja como a pasta em HTML está sendo renderizada. Se você deseja modificá-lo, simplesmente retorne ao arquivo de texto sem formatação, faça as alterações e salve o arquivo. Em seguida, atualize a página no seu navegador. Repita até conseguir o que deseja.

Etapa 8

Carregue a página finalizada no seu site.

Referências

 

Você pode estar interessado:

Deixe um comentário