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:

index.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:

page.html<h1>Pagina</h1>
<a href="index.html">link către index</a>
Задание 1

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.

Задание 2

Creați de asemenea o pagină index.html. Plasați pe ea linkuri către paginile 1.html, 2.html, 3.html.

Задание 3

Modificați sarcina anterioară astfel încât linkurile să fie plasate într-o listă ul.