Billeder, som alle andre elementer på en webside, vises af browseren i overensstemmelse med de detaljerede instruktioner, der sendes af serveren. Disse instruktioner er skrevet i HTML (HyperText Markup Language) og består af “tags”. Mærker beskriver typen af alle elementer på en webside, deres placering og udseende.
Instruktioner
Trin 1
Først skal du uploade billedfilen til serveren. Dette kan gøres ved hjælp af FTP (File Transfer Protocol) gennem et specielt program. Disse programmer kaldes FTP-klienter - for eksempel Cute FTP, WS FTP, FlashFXP og andre. Men du kan downloade det via filhåndteringen, som skal være i kontrolpanelet på den hosting, hvor dit websted er hostet. Filhåndteringen giver dig mulighed for at uploade filer via din browser.
Trin 2
Derefter skal du placere det tilsvarende tag i html-koden på den ønskede side. Det vil sige, du skal finde denne side og åbne dens kildekode til redigering. Hvis du har en sidefil, kan du åbne den med en simpel teksteditor - for eksempel standard notesblok. Og hvis du bruger et hvilket som helst system til at administrere webstedet, skal du finde sideditoren i administrationspanelet på dette system og åbne den ønskede side i det. Derefter er det tilbage at indsætte billedkoden det sted, du har brug for på siden, og gemme ændringerne.
Trin 3
Mere om selve tagget - i sin enkleste form kan det se sådan ud: Tagget indeholder forskellige yderligere oplysninger - "attributter". Der kræves kun en attribut til billedkoden - src. Det fortæller browseren adressen, hvor den skal hente filen, der indeholder carnink. Hvis denne fil findes på serveren i samme mappe (eller undermappe) som selve siden, er det nok at kun angive dens navn eller stien til undermappen. Sådanne adresser kaldes "relative". Og en absolut adresse kan se sådan ud:
--En anden attribut - alt="Billede" - indeholder teksten, der vises i værktøjstip på musen svæver: De andre attributter - titel gør det samme: - To attributter - bredde og højde - indstil størrelsen på det rektangel, hvori browser viser billedet: Disse attributter er ikke påkrævet, men hvis noget går galt, og billedet ikke kan indlæses, kan alle de andre elementer på siden muligvis være ude af sted, da browseren ikke genkender de dimensioner, som billede skulle have optaget. Dimensioner er specificeret i "pixels" - dette er den vigtigste måleenhed, der bruges i sidelayout. - Rammeattributten indstiller bredden af rammen omkring billedet (i pixels): Hvis et billede er lavet et link, tegner browseren en blå kant omkring den som standard. For at slippe af med det skal du indstille grænseværdien til nul: - To attributter indstiller billedets indrykning fra tilstødende elementer (for eksempel fra tekstlinjer) - hspace indstiller den vandrette indrykning (venstre og højre), vspace - lodret (nederst og øverst): - Disse er de mest anvendte attributter, og der er over 50 af dem til dette mærke!