×
Loading ...

Como adicionar espaço entre fotos no HTML

Atualizado em 16 agosto, 2017

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.

Instruções

. (Comstock Images/Comstock/Getty Images)
  1. Abra seu software editor de texto e a página da web que contém suas imagens.

    Loading...
  2. Posicione o cursor entre as duas tags de código "" 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:  

    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. 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:

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

Loading...

Dicas

  • 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:
  • <img src="picture1.gif" />
  • <img src="picture2.gif" />

Referências

Recursos

Loading ...
Loading ...