Como adicionar espaço entre fotos no HTML

Escrito por brandy alexander | Traduzido por laura pinheiro
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como adicionar espaço entre fotos no HTML
. (Comstock Images/Comstock/Getty Images)

Ao inserir fotos em sua página da web, o navegador exibirá as imagens coladas umas nas outras por padrão. A falta de espaço entre os gráficos torna mais difícil para seu visitante vê-los, porque as fotos não parecem estar separadas. Felizmente, o HTML fornece soluções que lhe permitem criar a distância que você necessita. Use um software editor de texto do seu computador para entrar no HTML que adiciona espaço entre suas fotos.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Abra seu software editor de texto e a página da web que contém suas imagens.

  2. 2

    Posicione o cursor entre as duas tags de código "<img>" que você quer espaçar. Digite sem espaçar a entidade HTML de caráter de espaço " " para produzir um pequeno espaço entre uma imagem e a que lhe segue. Por exemplo: <img src="picture1.gif" /> <img src="picture2.gif" />

    A entidade sem espaçamento produz um espaço que alarga a área entre as duas imagens e as mantém na mesma linha.

  3. 3

    Digite a tag de pausa " " depois de um código de imagem. O elemento de pausa força a próxima imagem a aparecer em uma linha diferente. Digite o código da seguinte forma: <img src="picture1.gif" />

    <img src="picture2.gif" />

  4. 4

    Salve o documento. Suas fotos agora têm espaço entre elas.

Dicas & Advertências

  • Você tem a opção de usar várias entidades de caráter ou tags de pausa para criar um espaço maior entre as imagens. Para ilustrar, use mais de um elemento de pausa, como o exemplo a seguir:

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