Nwlapcug.com


Come aggiungere spazio tra le immagini in HTML

Come aggiungere spazio tra le immagini in HTML


Come si inserisce la foto nella tua pagina Web, il browser visualizzerà le immagini spinte uno contro l'altro per impostazione predefinita. La mancanza di spazio tra la grafica rende difficile per il visitatore di vedere, perché le foto non sembrano essere separati. Fortunatamente, HyperText Markup Language (HTML) fornisce soluzioni che consentono di che creare la distanza desiderata. Utilizzare software di editor di testo del tuo computer per immettere il codice HTML che consente di aggiungere spazio tra le immagini.

Istruzioni

1

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

2

Posizionare il cursore tra i tag di codice "< img >" due che si desidera spazio a pezzi. Tipo il "" spazio unificatore entità carattere HTML per produrre un piccolo spazio tra questa immagine e quello che lo segue. Per esempio:

< img / >< img / >

L'entità di unificatore produce uno spazio che si allarga l'area tra le due immagini e li tiene sulla stessa riga.

3

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

< img / >

< img / >

4

Salvare il documento. Le immagini sono ora spazi tra loro.

Consigli & Avvertenze

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