Hvordan bruke Invisible distanser for nettsteder

March 25

Hypertext Markup Language er en programmeringskode ofte referert til som HTML. Det er den grunnleggende språket som brukes til å designe websider. Når en leser viser en side laget i HTML, saft det alle elementene sammen på toppen og venstre i nettleservinduet. Å spre elementene ut, må en designer legge avstandsstykker. Disse usynlige elementer tvinge nettleseren til å legge tomrom mellom elementene, vise dem på en mer attraktiv måte.

Bruksanvisning

Non-Breaking Space

1 Åpne HTML-filen for din webside i en tekst eller HTML editor.

2 Gå området der du vil legge til en spacer.

3 Skriv inn koden for å legge til et enkelt mellomrom, lik som skapt av mellomromstasten.

4 Legg til flere koder for hver plass du vil opprette. For eksempel, "Wide Space" vil resultere i ordene "Wide" og "Space" adskilt av fem områder.

Vertikale HTML Spacers

5 Åpne nettsiden filen og går til området hvor du vil sette inn en spacer.

6 Legg inn koden for å lage en linje av tomrom mellom innholdsblokker, i likhet med dobbel linjeavstand i et dokument.

7 Legg mellom tagger for å ytterligere øke den tomme plassen. For eksempel, "Tall Space" vil resultere i

Høy

Rom

Invisible GIF

8 Åpne et bilderedigeringsprogram, for eksempel Adobe Photoshop, GIMP eller Pixia.

9 Lag et bilde som er en piksel bred og 1 piksel høy med en gjennomsiktig bakgrunn.

10 Lagre bildet som "spacer.gif" og laste det opp til webserveren.

11 Åpne Web-filen som du vil endre, og gå til det området der du vil ha en spacer.

12 Sett inn koden <img height = "1" width = "1">.

1. 3 Juster høyde og bredde innstillinger til størrelsen på den ønskede avstands, i piksler.

14 Tilsett modifier align = "top", align = "bottom", align = "right" eller align = "left", hvis det er ønskelig. Dette vil sette justeringen av avstandsstykket basert på omkringliggende elementer. For eksempel:

15 Bruk den samme koden med forskjellige høyde og bredde innstillinger hvor du trenger en spacer.

Hint

Eldre former av HTML benyttes en kode som kalles <mellomrom> som fungerte på samme måte som den gjennomsiktige GIF. Denne koden har svekket seg og er ikke støttet av mange moderne nettlesere.