Hvordan legge til Space Between Bilder i HTML

Hvordan legge til Space Between Bilder i HTML


Som du setter inn bilder til nettsiden din, viser nettleseren bildene presset opp mot hverandre som standard. Mangelen på plass mellom grafikken gjør det vanskelig for besøkende å se dem fordi bildene ikke ser ut til å være atskilt. Heldigvis Hypertext Markup Language (HTML) gir løsninger som lar deg opprette avstanden du trenger. Bruk datamaskinens teksteditor programvare for å gå inn i HTML som legger plass mellom bildene.

Bruksanvisning

1 Åpne din tekst editor programvare og nettside som inneholder bildene.

2 Plasser markøren mellom de to "<img>" kodetagger som du ønsker å plass fra hverandre. Skriv inn "" non-breaking plass HTML tegn enhet å produsere en liten plass mellom dette bildet og den som følger den. For eksempel:

<Img /> <img />

Den ikke-brytende enhet frembringer et rom som utvider området mellom de to bildene og holder dem på samme linje.

3 Skriv inn "" pause tag etter et bilde kode. Pausen element tvinger neste bilde skal vises på en annen linje. Skriv koden som følger:

<Img />

<Img />

4 Lagre dokumentet. Bildene har nå mellomrom mellom dem.

Hint

  • Du har muligheten til å bruke flere tegnkoder eller bryte koder for å skape et større mellomrom mellom bildene. For å illustrere, bruke mer enn en pause element som i følgende eksempel:
  • <Img src = "picture1.gif" /> <img src = "picture2.gif" />