Come aggiungere spazio tra le immagini in HTML

January 7

Come aggiungere spazio tra le immagini in HTML


Come si inseriscono le foto nella tua pagina web, il browser visualizza le immagini spinti l'uno contro l'altro per impostazione predefinita. La mancanza di spazio tra la grafica rende difficile per il visitatore di visualizzare loro, perché le foto non sembrano essere separati. Fortunatamente, HyperText Markup Language (HTML) fornisce soluzioni che consentono di creare la distanza che desiderate. Utilizzare il software editor di testo del computer per immettere il codice HTML che aggiunge spazio tra le immagini.

istruzione

1 Aprire il software editor di testo e la pagina web che contiene le immagini.

2 Posizionare il cursore tra le due "<img>" tag di codice che si desidera spazio a parte. Inserire il "entità" non-breaking space HTML carattere per produrre un piccolo spazio tra questa immagine e quello che lo segue. Per esempio:

<Img /> <img />

L'entità non divisibile produce uno spazio che si allarga l'area tra le due immagini e li mantiene sulla stessa linea.

3 Inserire il "" tag pausa dopo un codice di un'immagine. L'elemento di rottura costringe l'immagine successiva a comparire su una linea diversa. Digitare il codice come segue:

<Img />

<Img />

4 Salvare il documento. Le tue foto ora hanno spazi tra di loro.

Consigli e avvertenze

  • Hai la possibilità di utilizzare più entità carattere o rompere i tag per creare uno spazio maggiore tra le immagini. Per illustrare, utilizzare più di un elemento di rottura come il seguente esempio:
  • <Img src = "picture1.gif" /> <img src = "picture2.gif" />