Alle afbeeldingen die u op uw website wilt linken HTML moet eerst worden geüpload naar dezelfde plaats waar u de HTML voor de webpagina verzendt, ongeacht of de site wordt gehost op een webserver die u bereikt via FTP of u gebruikt een webhostingservice. Als u een webhostingservice gebruikt, gebruikt u waarschijnlijk een uploadformulier dat door de service wordt verstrekt. Deze formulieren bevinden zich meestal in het beheergedeelte van uw hostingaccount.
Het uploaden van uw afbeelding naar de hostingservice is slechts de eerste stap. Vervolgens moet u een tag in de HTML toevoegen om deze te identificeren.
Afbeeldingen uploaden naar dezelfde map als de HTML
Uw foto's bevinden zich mogelijk in dezelfde map als de HTML. Als dat het geval is:
- Upload een afbeelding naar de hoofdmap van uw website.
- Voeg een afbeeldingstag toe aan uw HTML om naar de afbeelding te verwijzen.
- Upload het HTML-bestand naar de hoofdmap van uw website.
- Test het bestand door de pagina in uw webbrowser te openen.
De afbeeldingstag heeft de volgende indeling:
Ervan uitgaande dat u een foto van de maan uploadt met de naam "lunar.jpg", heeft de afbeeldingstag de volgende vorm:
De hoogte en breedte zijn optioneel maar aanbevolen. Deze standaardwaarden zijn in pixels, maar kunnen ook in percentages worden uitgedrukt:
De afbeeldingstag vereist geen afsluitende tag.
Als u naar een afbeelding in een ander document linkt, gebruik dan ankertags en nest de afbeeldingstag erin.
Afbeeldingen uploaden in een submap
Het is gebruikelijker om afbeeldingen op te slaan in een submap, gewoonlijk Afbeeldingen. Om naar afbeeldingen in die map te verwijzen, moet u weten waar deze zich bevindt ten opzichte van de hoofdmap van uw website.
De hoofdmap van uw website is waar de URL, zonder mappen aan het einde, wordt weergegeven. Voor een website met de naam 'MyWebpage.com' volgt de root bijvoorbeeld deze vorm: http://MyWebpage.com/. Let op de schuine streep aan het einde. Dit is hoe de root van een directory meestal wordt aangegeven. Subdirectories bevatten die schuine streep om aan te geven waar ze zich in de directorystructuur bevinden. De voorbeeldsite van MyWebpage kan de volgende structuur hebben:
http://MyWebpage.com/ — de hoofdmap
http://MyWebpage.com/products/ — de productengids
http://MyWebpage.com/products/documentation/ — de documentatiemap onder de productenmap
http://MyWebpage.com/images/ — de afbeeldingenmap
In dit geval, wanneer u naar uw afbeelding in de afbeeldingenmap wijst, schrijft u:
Dit heet de absoluut pad naar uw imago.
Veelvoorkomende problemen met afbeeldingen die niet worden weergegeven
Het kan in het begin een uitdaging zijn om afbeeldingen op uw webpagina te laten verschijnen. De twee meest voorkomende redenen zijn dat de afbeelding niet is geüpload waar de HTML naar verwijst, of dat de HTML onjuist is geschreven.
Het eerste dat u moet doen, is kijken of u uw afbeelding online kunt vinden. De meeste hostingproviders hebben een soort beheertool die u kunt gebruiken om te zien waar u uw afbeeldingen hebt geüpload. Nadat u denkt dat u de juiste URL voor uw afbeelding heeft, typt u deze in uw browser. Als de afbeelding wordt weergegeven, hebt u de juiste locatie.
Controleer vervolgens of uw HTML naar die afbeelding verwijst. De gemakkelijkste manier om dat te doen, is door de afbeelding URL die u zojuist hebt getest in het SRC-attribuut. Upload de pagina opnieuw en test.
Het SRC-kenmerk van uw afbeeldingstag mag nooit beginnen met C:\ of het dossier: Deze lijken te werken wanneer u uw webpagina op uw eigen computer test, maar iedereen die uw site bezoekt, ziet een gebroken afbeelding. Dit komt omdat C:\ verwijst naar een locatie op jouw harde schijf. Aangezien de afbeelding zich op uw harde schijf bevindt, wordt deze weergegeven wanneer u deze bekijkt, maar voor niemand anders.