Linkuri interne în HTML
În lecția precedentă am făcut linkuri către paginile altor site-uri, copiind adresa lor din bara de adrese a browser-ului. Să presupunem acum că doriți să legați prin linkuri paginile propriului site.
În acest caz, nu le puteți copia adresele din bara de adrese. Problema este că astfel de adrese vor conține calea completă către pagina dvs. de la unitatea de disc rădăcină a computerului dvs., iar la mutarea într-un alt folder, astfel de linkuri pur și simplu se vor strica.
Pentru paginile propriului site, ar trebui să practicați
o altă abordare. Să o studiem cu un exemplu. Să presupunem
că în folderul rădăcină al site-ului dvs. este situat
fișierul index.html și fișierul page.html.
Să legăm aceste fișiere cu linkuri. Pentru aceasta, în atributul
href al linkurilor, trebuie pur și simplu să scrieți
numele acestor fișiere (cu extensia lor). Să facem asta.
Pe pagina index.html să facem un link
către pagina page.html:
<h1>Index</h1>
<a href="page.html">link către pagină</a>
Iar pe pagina page.html să facem un link
către pagina index.html:
<h1>Pagina</h1>
<a href="index.html">link către index</a>
Creați trei pagini HTML în rădăcina site-ului dvs.
Denumiți-le 1.html, 2.html,
3.html. Legați aceste pagini cu linkuri
între ele.
Creați de asemenea o pagină index.html.
Plasați pe ea linkuri către paginile 1.html,
2.html, 3.html.
Modificați sarcina anterioară astfel încât
linkurile să fie plasate într-o listă ul.