Sisemised lingid HTML-is
Eelmises õppetükis tegime linke teiste veebisaidide lehtedele, kopeerides nende aadressi brauseri aadressiribast. Oletame nüüd, et soovite oma veebisaidi lehti linkidega omavahel ühendada.
Sel juhul ei saa nende aadresse aadressiribast kopeerida. Asi on selles, et sellised aadressid sisaldavad teie lehe täielikku teed teie arvuti juurkaustast alates, ja teise kausta teisaldamisel katkevad sellised lingid lihtsalt.
Oma veebisaidi lehtede puhul tuleks rakendada
teist lähenemist. Uurime seda näite varal. Oletame,
et teie veebisaidi juurkaustas asuvad
fail index.html ja fail page.html.
Ühendame need failid linkidega. Selleks tuleb linkide
atribuudis href lihtsalt kirjutada
nende failide nimed (koos laiendiga). Teeme seda.
Lehel index.html teeme lingi
lehele page.html:
<h1>Index</h1>
<a href="page.html">link lehele</a>
Ja lehel page.html teeme lingi
lehele index.html:
<h1>Page</h1>
<a href="index.html">link indeksile</a>
Tehke oma veebisaidi juurkausta kolm HTML-lehte.
Nimetage need 1.html, 2.html,
3.html. Ühendage need lehed linkidega
üksteisega.
Tehke ka leht index.html.
Asetage sellele lingid lehtedele 1.html,
2.html, 3.html.
Muutke eelmist ülesannet nii, et
lingid asuvad loendis ul.