Alle billeder, som du vil linke på dit websteds HTML skal først uploades til det samme sted, som du sender HTML til websiden, uanset om webstedet er hostet på en webserver, som du når til FTP eller du bruger en webhostingtjeneste. Hvis du bruger en webhostingtjeneste, bruger du sandsynligvis en uploadformular, der leveres af tjenesten. Disse formularer findes typisk i administrationsafsnittet på din hostingkonto.
Upload af dit billede til hostingtjenesten er kun det første skridt. Derefter skal du tilføje et tag i HTML'en for at identificere det.
Uploade billeder til samme bibliotek som HTML
Dine fotos kan være placeret i samme bibliotek som HTML. Hvis det er tilfældet:
- Upload et billede til roden på dit websted.
- Tilføj et billedmærke i din HTML for at pege på billedet.
- Upload HTML-filen til roden på dit websted.
- Test filen ved at åbne siden i din webbrowser.
Billedkoden har følgende format:
Forudsat at du uploader et foto af månen med navnet "lunar.jpg", har billedkoden følgende form:
Højde og bredde er valgfri, men anbefales. Disse standardværdier er i pixels, men kan også udtrykkes i procent:
Billedkoden kræver ikke et lukkemærke.
Hvis du linker til et billede i et andet dokument, skal du bruge ankerkoder og nest billedkoden inde.
Upload af billeder i en underkatalog
Det er mere almindeligt at gemme billeder i en underkatalog, der normalt kaldes Billeder. For at pege på billeder i denne mappe skal du vide, hvor det er i forhold til roden på dit websted.
Roden til dit websted er, hvor URL'en vises uden kataloger i slutningen. For et websted med navnet "MyWebpage.com" følger roden denne form: http://MyWebpage.com/. Læg mærke til skråstreg i slutningen. Sådan angives normalt roden til en mappe. Underkataloger inkluderer skråstreg for at vise, hvor de sidder i katalogstrukturen. MyWebpage-eksempelwebstedet kan have strukturen:
http://MyWebpage.com/ - rodmappen
http://MyWebpage.com/products/ - produktmappen
http://MyWebpage.com/products/documentation/ - dokumentationsmappen under produktmappen
http://MyWebpage.com/images/ - billedbiblioteket
I dette tilfælde, når du peger på dit billede i billedkataloget, skriver du:
Dette kaldes absolut sti til dit billede.
Almindelige problemer med billeder, der ikke vises
At få billeder til at vises på din webside kan være udfordrende i starten. De to mest almindelige årsager er, at billedet ikke blev uploadet, hvor HTML peger, eller HTML er skrevet forkert.
Den første ting at gøre er at se, om du kan finde dit billede online. De fleste hostingudbydere har en eller anden form for styringsværktøj, som du kan bruge til at se, hvor du har uploadet dine billeder. Når du tror, du har den rigtige URL til dit billede, skal du skrive det i din browser. Hvis billedet vises, har du den rigtige placering.
Kontroller derefter, at din HTML peger på det billede. Den nemmeste måde at gøre det på er at indsætte billedets URL at du lige har testet SRR-attributten. Upload siden igen og test.
SRC-attributten for dit billedtag bør aldrig starte med C: \ eller fil: Disse ser ud til at fungere, når du tester din webside på din egen computer, men alle, der besøger dit websted, vil se et ødelagt billede. Dette skyldes, at C: \ peger på en placering på dit harddisk. Da billedet er på din harddisk, vises det, når du ser det, men det vil ikke være for nogen andre.