Como copiar e colar códigos HTML em seu site

Escrito por cam merritt | Traduzido por marlon campos

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.

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.

O que você precisa?

  • Editor de texto simples

Lista completaMinimizar

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