Alla bilder som du vill länka på din webbplats HTML bör först laddas upp till samma plats som du skickar HTML för webbsidan, oavsett om webbplatsen är värd på en webbserver som du når FTP eller så använder du en webbhotell. Om du använder en webbhotellstjänst använder du antagligen ett uppladdningsformulär som tillhandahålls av tjänsten. Dessa formulär finns vanligtvis i administrationsavsnittet på ditt webbhotellkonto.
Att ladda upp din bild till värdtjänsten är bara det första steget. Då måste du lägga till en tagg i HTML-koden för att identifiera den.
Ladda upp bilder till samma katalog som HTML
Dina foton kan finnas i samma katalog som HTML. Om så är fallet:
- Ladda upp en bild till roten på din webbplats.
- Lägg till en bildtagg i din HTML för att peka på bilden.
- Ladda upp HTML-filen till roten på din webbplats.
- Testa filen genom att öppna sidan i din webbläsare.
Bildtaggen har följande format:
Förutsatt att du laddar upp ett foto av månen med namnet "lunar.jpg" har bildtaggen följande form:
Höjd och bredd är valfria men rekommenderas. Dessa standardvärden är i pixlar men kan också uttryckas i procent:
Bildtaggen kräver ingen stängningstagg.
Om du länkar till en bild i ett annat dokument använder du ankartaggar och hakar in bildtaggen inuti.
Ladda upp bilder i en underkatalog
Det är vanligare att lagra bilder i en underkatalog, vanligtvis kallad Bilder. För att kunna peka på bilder i den katalogen måste du veta var det är i förhållande till roten på din webbplats.
Roten till din webbplats är där webbadressen, utan några kataloger i slutet, visas. Till exempel, för en webbplats med namnet "MyWebpage.com", följer roten denna form: http://MyWebpage.com/. Lägg märke till snedstrecket i slutet. Så här anges oftast roten till en katalog. Underkataloger inkluderar snedstrecket för att visa var de sitter i katalogstrukturen. Exempelwebbplatsen MyWebpage kan ha strukturen:
http://MyWebpage.com/ - rotkatalogen
http://MyWebpage.com/products/ - produktkatalogen
http://MyWebpage.com/products/documentation/ - dokumentationskatalogen under produktkatalogen
http://MyWebpage.com/images/ - bildkatalogen
I det här fallet, när du pekar på din bild i bildkatalogen, skriver du:
Detta kallas absolut väg till din bild.
Vanliga problem med bilder som inte visas
Att få bilder att visas på din webbsida kan vara utmanande först. De två vanligaste orsakerna är att bilden inte laddades upp där HTML pekar, eller att HTML är skriven fel.
Det första du ska göra är att se om du kan hitta din bild online. De flesta webbhotell har någon typ av hanteringsverktyg som du kan använda för att se var du laddade upp dina bilder. När du tror att du har rätt URL för din bild, skriv den i din webbläsare. Om bilden dyker upp har du rätt plats.
Kontrollera sedan att din HTML pekar på den bilden. Det enklaste sättet att göra det är att klistra in bild URL att du just testat in i SRC-attributet. Ladda upp sidan igen och testa.
SRC-attributet för din bildtagg bör aldrig börja med C: \ eller fil: Dessa verkar fungera när du testar din webbsida på din egen dator, men alla som besöker din webbplats kommer att se en trasig bild. Detta beror på att C: \ pekar på en plats på din hårddisk. Eftersom bilden finns på hårddisken visas den när du visar den, men den kommer inte att göra för någon annan.