Belső linkek a HTML-ben
Az előző leckében más weboldalak oldalaira mutató linkeket készítettünk, azok címét a böngésző címsorából másolva. Tegyük fel, hogy most a saját weboldalad oldalait szeretnéd linkekkel összekapcsolni.
Ilyen esetben nem másolhatod a címeiket a címsorból. Az oka az, hogy az ilyen címek tartalmazni fogják a teljes elérési utat az oldaladhoz a számítógéped gyökérmappájától kezdve, és egy másik mappába való áthelyezéskor az ilyen linkek egyszerűen elromlanak.
A saját weboldal oldalai esetében egy másik megközelítést
kell alkalmazni. Tanulmányozzuk meg egy példán keresztül. Tegyük fel,
hogy a weboldalad gyökérmappájában található
a index.html fájl és a page.html fájl.
Kössük össze ezeket a fájlokat linkekkel. Ehhez a linkek
href attribútumába egyszerűen írjuk be
ezen fájlok nevét (a kiterjesztésükkel együtt). Csináljuk
meg ezt.
A index.html oldalon készítsünk egy linket
a page.html oldalra:
<h1>Index</h1>
<a href="page.html">link a page oldalra</a>
A page.html oldalon pedig készítsünk egy linket
a index.html oldalra:
<h1>Page</h1>
<a href="index.html">link az index oldalra</a>
Készíts három HTML oldalt a weboldalad
gyökerébe. Nevezd el őket 1.html, 2.html,
3.html. Kösd össze ezeket az oldalakat linkekkel
egymással.
Készíts egy index.html oldalt is.
Helyezz el rajta linkeket a 1.html,
2.html, 3.html oldalakra.
Módosítsd az előző feladatot úgy, hogy a
linkek egy ul listában helyezkedjenek el.
