Eventuelle bilder du vil koble til nettstedet ditt HTML skal først lastes opp til samme sted du sender HTML for websiden, enten nettstedet er vert på en webserver som du når FTP eller du bruker en webhotelltjeneste. Hvis du bruker en webhostingtjeneste, bruker du sannsynligvis et opplastingsskjema levert av tjenesten. Disse skjemaene er vanligvis i administrasjonsseksjonen på hostingkontoen din.
Å laste opp bildet ditt til hostingtjenesten er bare det første trinnet. Deretter må du legge til en kode i HTML-en for å identifisere den.
Laste opp bilder til samme katalog som HTML
Bildene dine kan være i samme katalog som HTML. Hvis det er tilfelle:
- Last opp et bilde til roten til nettstedet ditt.
- Legg til en bildekode i HTML-en din for å peke på bildet.
- Last opp HTML-filen til roten på nettstedet ditt.
- Test filen ved å åpne siden i nettleseren din.
Bildekoden har følgende format:
Forutsatt at du laster opp et bilde av månen med navnet "lunar.jpg", har bildekoden følgende form:
Høyden og bredden er valgfri, men anbefales. Disse standardverdiene er i piksler, men kan også uttrykkes i prosent:
Bildekoden krever ikke en avsluttende tag.
Hvis du lenker til et bilde i et annet dokument, bruker du ankermerker og hekker bildekoden inne.
Laste opp bilder i en underkatalog
Det er mer vanlig å lagre bilder i en underkatalog, vanligvis kalt Bilder. For å peke på bilder i den katalogen, må du vite hvor det er i forhold til roten til nettstedet ditt.
Roten til nettstedet ditt er der URL-en, uten kataloger til slutt, vises. For eksempel for et nettsted som heter "MyWebpage.com", følger roten dette skjemaet: http://MyWebpage.com/. Legg merke til skråstrek på slutten. Dette er hvordan roten til en katalog vanligvis blir indikert. Underkataloger inkluderer skråstrek for å vise hvor de sitter i katalogstrukturen. Eksempelområdet MyWebpage kan ha strukturen:
http://MyWebpage.com/ - rotkatalogen
http://MyWebpage.com/products/ - produktkatalogen
http://MyWebpage.com/products/documentation/ - dokumentasjonskatalogen under produktkatalogen
http://MyWebpage.com/images/ - bildekatalogen
I dette tilfellet, når du peker på bildet ditt i bildekatalogen, skriver du:
Dette kalles absolutt vei til bildet ditt.
Vanlige problemer med bilder som ikke vises
Å få bilder til å vises på websiden din kan være utfordrende i begynnelsen. De to vanligste årsakene er at bildet ikke ble lastet opp der HTML-en peker, eller at HTML-en er skrevet feil.
Det første du må gjøre er å se om du finner bildet ditt online. De fleste vertsleverandører har noen form for administrasjonsverktøy som du kan bruke til å se hvor du lastet opp bildene dine. Når du tror du har riktig URL for bildet ditt, skriver du det inn i nettleseren din. Hvis bildet dukker opp, har du riktig plassering.
Kontroller deretter at HTML-en din peker mot det bildet. Den enkleste måten å gjøre det på er å lime inn bilde-URL at du nettopp testet SRR-attributtet. Last opp siden på nytt og test.
SRC-attributtet til bildekoden din skal aldri begynne med C: \ eller fil: Disse ser ut til å fungere når du tester nettsiden din på din egen datamaskin, men alle som besøker nettstedet ditt vil se et ødelagt bilde. Dette er fordi C: \ peker på et sted på din harddisk. Siden bildet er på harddisken, vises det når du ser det, men det vil ikke være for noen andre.