HTML-tiedoston polku
- Edellinen sivu HTML JavaScript
- Seuraava sivu HTML Otsikko
| polku | kuvaus |
|---|---|
| <img src="picture.jpg"> | picture.jpg sijaitsee samassa kansiossa kuin nykyinen verkkosivu |
| <img src="images/picture.jpg"> | picture.jpg sijaitsee nykyisessä kansiossa olevassa images-kansiossa |
| <img src="/images/picture.jpg"> | picture.jpg sijaitsee nykyisen verkkosivuston juurikansiossa olevassa images-kansiossa |
| <img src="../picture.jpg"> | picture.jpg sijaitsee nykyisen kansion yhdessä ylemmässä kansiossa |
HTML-tiedoston polku
Tiedostopolku kuvaa tietyn tiedoston sijainnin verkkosivuston kansiorakenteessa.
Tiedostopolku käytetään linkittäessä ulkoisia tiedostoja:
- Verkkosivu
- Kuva
- Tyylitaulukko
- JavaScript
Absoluuttinen tiedostopolku
Absoluuttinen tiedostopolku on täydellinen URL, joka osoittaa Internet-tiedostoon:
Esimerkki
<img src="https://www.codew3c.com/images/picture.jpg" alt="kukka">
<img> -merkki sekä src ja alt -ominaisuudet käsitellään HTML-kuvien luvussa.
Suhteellinen polku
Suhteellinen polku osoittaa tiedostoon suhteessa nykyiseen sivuun.
Tässä esimerkissä tiedostopolku osoittaa tiedostoon, joka sijaitsee verkkosivuston juurihakemistossa olevassa images-kansiossa:
Esimerkki
<img src="/images/picture.jpg" alt="kukka">
Tässä esimerkissä tiedostopolku osoittaa tiedostoon, joka sijaitsee nykyisessä kansion images-kansiossa:
Esimerkki
<img src="images/picture.jpg" alt="kukka">
Tässä esimerkissä tiedostopolku osoittaa tiedostoon, joka sijaitsee nykyisen kansion yhdessä ylemmässä kansiossa olevassa images-kansiossa:
Esimerkki
<img src="../images/picture.jpg" alt="kukka">
Hyvä tapa
Suhteellinen polku on hyvä tapa (jos se on mahdollista).
Jos käytät suhteellista polkua, verkkosivusi ei sidota nykyiseen perus URL:ään. Kaikki linkit toimivat tietokoneellasi (localhost) tai tulevaisuuden julkisessa alueessa.
- Edellinen sivu HTML JavaScript
- Seuraava sivu HTML Otsikko
