Yshopnoosa.com

Hur man använder osynliga distanser för webbplatser

Hur man använder osynliga distanser för webbplatser

Hypertext Markup Language är en programmeringskod ofta kallas HTML. Det är grundläggande språk för design webbsidor. När en webbläsare visas en sida i HTML, squash alla delar tillsammans på toppen och vänster av webbläsarfönstret. För att sprida delarna ut, måste en designer lägga distanser. Dessa osynliga element tvinga webbläsaren att lägga till tomt utrymme mellan elementen, visar dem i ett mer attraktivt sätt.

Instruktioner

Hårt blanksteg

1 Öppna HTML-filen för webbsidan i ett text- eller HTML-redigerare.

2 Gå i området där du vill lägga till en spacer.

3 Ange koden för att lägga till ett blanksteg, liknande den skapad av blanksteg.

4 Lägga till fler Taggar för varje utrymme som du vill skapa. Till exempel kommer att "Brett utrymme" resultera i orden "Bred" och "Space" åtskilda av fem utrymmen.

Vertikala HTML distanser

5 Öppna filen webbplats och gå till området där du vill infoga en spacer.

6 Lägga till koden < P > för att skapa en linje av tomt utrymme mellan innehållsblock, liknar double-spacing i ett dokument.

7 Lägga till mellan < P >-taggar för att ytterligare öka det tomma utrymmet. Till exempel kommer att "Tall < P >< P >< P > Space" resultera i

Tall

Utrymme

Osynliga GIF

8 Öppna ett bildredigeringsprogram som Adobe Photoshop, GIMP eller Pixia.

9 Skapa en bild som är 1 pixel bred och 1 pixel tall med en genomskinlig bakgrund.

10 Spara bilden som "spacer.gif" och ladda upp den till din webbserver.

11 Öppna den fil som du vill ändra och gå till området där du vill att en spacer.

12 Infoga koden < img höjd = "1" width = "1" >.

13 Justera inställningarna för höjd och bredd att storleken på den önskad spacer, i pixlar.

14 Lägger till modifieraren align = "topp", align = "nederkant", align = "rätt" eller justera = "left", om så önskas. Detta anger justeringen av avståndsbilden baserat på de omgivande delarna. Till exempel:

< img höjd = "50" width = "1" align = "topp" >

15 Använda samma kod med olika höjd och bredd inställningar där du behöver en spacer.

Tips & varningar

  • Äldre former av HTML används en kod som kallas < spacer > som fungerade på samma sätt till den transparenta GIF. Koden har minskat och stöds inte på många moderna webbläsare.