Como copiar e colar códigos HTML em seu site

Escrito por cam merritt | Traduzido por marlon campos
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

Praticamente todas as pessoas que possuem um site já se perguntaram como usar HTML para fazer algo, como, por exemplo, formatar um texto de maneira específica, organizar o conteúdo em colunas ou construir tabelas. Ao encontrar um site que tenha feito exatamente o efeito que você queria, é possível verificar o código fonte HTML para ver como ele foi produzido. Você pode até mesmo copiar e colar o código e usá-lo como ponto de partida para criar seus próprios efeitos em suas páginas.

Nível de dificuldade:
Moderadamente fácil

O que você precisa?

  • Editor de texto simples

Lista completaMinimizar

Instruções

  1. 1

    Entre no site com o código que pretende copiar.

  2. 2

    Abra o código-fonte, que é o HTML puro da página. Na maioria dos navegadores, isso pode ser feito ao acessar o menu "Ferramentas" e procurar a opção "Código fonte" ou "Exibir código fonte".

  3. 3

    Encontre as linhas do código HTML que deseja copiar. Selecione o texto e copie-o pressionando as teclas "Ctrl" e "C", caso use um PC, ou então "Command" e "C", se for usuário de Mac.

  4. 4

    Abra o arquivo onde será colado o código HTML. Ele deverá ser aberto em um editor de texto simples, não em um navegador. Caso contrário, o arquivo sera exibido como uma página de internet; o que você precisa é de um código HTML. Clique com o botão direito sobre o arquivo (em um Mac, segure "Opção" e clique nela) e selecione a opção "Abrir Com". Escolha um editor de texto simples, como o Bloco de Notas no Windows ou Editor de Texto em um Mac.

  5. 5

    Encontre o local onde quer colar o código HTML copiado anteriormente. Pressione as teclas "Ctrl" e "V" simultaneamente para colar o texto (em um Mac, "Command" e"V").

  6. 6

    Salve o arquivo HTML. Se ainda for modificá-lo, mantenha-o aberto no editor de texto.

  7. 7

    Volta a área de trabalho e clique duas vezes sobre o ícone do arquivo que acabou de modificar para abri-lo em navegador. Verifique como ficou o resultado do código HTML colado em sua página. Se quiser ajustá-lo, basta voltar ao editor de texto, fazer as alterações e salvar o arquivo novamente. Em seguida, atualize a página em seu navegador. Repita até obter o resultado esperado.

  8. 8

    Faça o upload da página finalizada em seu site.

Dicas & Advertências

  • Ao editar páginas da web, é melhor fazer o trabalho em seu computador e, quando terminar, enviar a página para o seu servidor, substituindo a versão antiga, se necessário. Isso impede que páginas inacabadas sejam acessadas através de internet.
  • Se quiser editar uma página que já tenha sido enviada para o site, siga as orientações do seu servidor. Normalmente você pode acessar o painel de controle ou gerenciador de arquivos, selecionar a página em questão e escolher a opção "Editar" ou "Editar HTML".
  • Reutilizar parte do código HTML de outro site pode constituir uma violação de direitos autorais, principalmente se o seu site imitar a aparência e funções do site original. Use códigos prontos somente como um exemplo ou ponto de partida para desenvolver seu próprio trabalho.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível