Suurin ongelma eri kansioissa olevien HTML-sivujen linkittämisessä on, että sivujen linkittämiseen käytettyjen suhteellisten polkujen on oltava oikein. Jos suhteellinen polku on virheellinen, sivua ei linkitetä oikein ja seurauksena voi olla rikkinäinen linkki tai virheilmoitus. Lisäksi, jos kansiorakenne muuttuu, kaikki linkit on päivitettävä vastaavasti.
<a href="../folder/page.html">Link</a>
1. Tämä koodirivi luo HTML-ankkurielementin, jota käytetään linkin luomiseen toiselle sivulle.
2. Attribuutti href määrittää sen sivun URL-osoitteen, johon linkin tulee osoittaa, tässä tapauksessa "../folder/page.html".
3. Avaavan ja sulkevan ankkuritunnisteen välissä oleva teksti näytetään linkkinä sivulla, tässä tapauksessa "Linkki".
HTML-tiedostopolut
HTML-tiedostopolkuja käytetään linkittämään muille verkkosivuille, kuviin ja muihin Internetin tiedostoihin. Niitä käytetään myös linkittämään tiedostoihin samalla verkkosivustolla. HTML-tiedostopolut voivat olla absoluuttisia tai suhteellisia. Absoluuttinen polku on täydellinen URL-osoite, joka sisältää verkkotunnuksen nimen, kun taas suhteellinen polku on osittainen URL-osoite, joka sisältää vain tiedoston sijainnin palvelimella. Absoluuttiset reitit ovat luotettavampia, koska ne osoittavat aina oikeaan sijaintiin, kun taas suhteelliset reitit eivät välttämättä toimi, jos verkkosivuston rakenne muuttuu.
Mikä on HTML-kansio
HTML-kansio on kansio, joka sisältää HTML-tiedostoja ja niihin liittyviä resursseja, kuten kuvia, CSS:ää ja JavaScriptiä. Sitä käytetään kaikkien tarvittavien tiedostojen tallentamiseen verkkosivustoa tai verkkosovellusta varten. HTML-kansio sisältää tavallisesti index.html-tiedoston, joka toimii sivuston tai sovelluksen aloituskohtana. Muut kansion tiedostot voivat sisältää ylimääräisiä HTML-sivuja, kuvia, tyylisivuja, komentosarjoja ja muita resursseja, joita tarvitaan täydellisen verkkosivuston tai verkkosovelluksen luomiseen.
Kuinka linkittää html-sivuja samassa tai eri kansiossa
1. HTML-sivujen linkittäminen samassa kansiossa: Jos haluat linkittää kaksi HTML-sivua samassa kansiossa, käytä suhteellisia polkuja. Suhteelliset polut helpottavat tiedostojen siirtämistä, koska linkit toimivat edelleen niin kauan kuin tiedostot pidetään yhdessä.
Jos sinulla on esimerkiksi kaksi HTML-sivua kansiossa nimeltä "omakansio":
index.html
about.html
Linkitä indeks.html:stä about.html:ään käyttämällä tätä koodia:
Meistä
2. HTML-sivujen linkittäminen eri kansioissa: Jos haluat linkittää kaksi HTML-sivua eri kansioissa, käytä absoluuttisia polkuja tai täydellisiä URL-osoitteita. Absoluuttisten polkujen avulla on helpompi seurata tiedostojen sijaintia, koska ne alkavat aina verkkosivustosi juurihakemistosta (esim. http://www.example.com/).
Jos sinulla on esimerkiksi kaksi HTML-sivua näissä paikoissa:
http://www.example.com/index.html
http://www.example/folder1/about-us/index2 . html
Linkki hakemistosta1. html indeksiin 2 . html, käytä tätä koodia:
