HTML-da ichki havolalar

Oldingi darsda biz boshqa saytlarning sahifalariga havolalar yasadik, ularning manzillarini brauzerning manzilar qatoridan nusxalab oldik. Endi esa, o'zingizning saytingiz sahifalarini havolalar bilan bog'lamoqchi bo'lganingizni faraz qilaylik.

Bunday holatda, ularning manzillarini manzilar qatoridan nusxalab bo'lmaydi. Gap shundaki, bunday manzillar sahifangizning kompyuteringizning asosiy diskidan to'liq yo'lini o'z ichiga oladi va boshqa papkaga ko'chirilganda bunday havolalar shunchaki ishlamay qoladi.

O'zingizning saytingiz sahifalari uchun boshqa yondashuvni qo'llash kerak. Buni misolda o'rganamiz. Faraz qilaylik saytingizning ildiz papkasida index.html fayli va page.html fayli joylashgan. Keling, ushbu fayllarni havolalar bilan bog'laylik. Buning uchun havolaning href atributida shunchaki ushbu fayllarning nomlarini (ularning kengaytmasi bilan) yozish kerak. Keling, buni amalga oshiramiz.

index.html sahifasida page.html sahifasiga havola yasaymiz:

index.html<h1>Asosiy sahifa</h1>
<a href="page.html">sahifaga havola</a>

page.html sahifasida esa index.html sahifasiga havola yasaymiz:

page.html<h1>Sahifa</h1>
<a href="index.html">asosiy sahifaga havola</a>
Задание 1

Saytingizning ildizida uchta HTML sahifasi yarating. Ularni 1.html, 2.html, 3.html deb nomlang. Ushbu sahifalarni bir-biri bilan havolalar bilan bog'lang.

Задание 2

Shuningdek, index.html sahifasini yarating. Unga 1.html, 2.html, 3.html sahifalariga havolalar joylashtiring.

Задание 3

Oldingi vazifani shunday o'zgartiringki, havolalar ul ro'yxatida joylashsin.