HTML Bestandspad

Pad Beschrijving
<img src="picture.jpg"> picture.jpg bevindt zich in dezelfde map als de huidige webpagina
<img src="images/picture.jpg"> picture.jpg ligt in de images map van de huidige map
<img src="/images/picture.jpg"> picture.jpg bevindt zich in de images map van de huidige site root
<img src="../picture.jpg"> picture.jpg bevindt zich in de map op het niveau van de vorige map van de huidige map

HTML Bestandspad

Bestandspaden beschrijven de locatie van een bestand in de folderstructuur van een website.

Bestandspaden worden gebruikt bij het koppelen van externe bestanden aan een link:

  • Webpagina
  • Afbeelding
  • Stijlsheet
  • JavaScript

Absoluut bestandspad

Een absoluut bestandspad is een volledige URL die verwijst naar een internetbestand:

Voorbeeld

<img src="https://www.codew3c.com/images/picture.jpg" alt="flower">

Het <img>-tag en de src en alt-eigenschappen worden uitgelegd in het hoofdstuk HTML Afbeeldingen.

Relatieve paden

Relatieve paden wijzen naar bestanden ten opzichte van de huidige pagina.

In dit voorbeeld wijst het bestandspad naar een bestand in de images-map op het niveau van de wortelmap van de huidige site:

Voorbeeld

<img src="/images/picture.jpg" alt="flower">

In dit voorbeeld wijst het bestandspad naar een bestand in de images-map op het niveau van de huidige map:

Voorbeeld

<img src="images/picture.jpg" alt="flower">

In dit voorbeeld wijst het bestandspad naar een bestand in de images-map op het niveau van de vorige map van de huidige map:

Voorbeeld

<img src="../images/picture.jpg" alt="flower">

Goede gewoonte

Het gebruik van relatieve paden is een goede gewoonte (als mogelijk).

Als u een relatieve pad gebruikt, zal uw webpagina niet gebonden zijn aan de huidige basis URL. Alle links werken normaal op uw computer (localhost) of in toekomstige publieke domeinen.