Havolalar, rasmlar va jadvallar

Giperhavola veb-ning asosidir. U <a> (anchor) tegi bilan yaratiladi, manzil href atributida yoziladi: <a href="https://informatik.uz">Informatik.uz</a>. Teg ichidagi matn sahifada havola sifatida ko‘rinadi. O‘z loyihangizdagi boshqa sahifaga o‘tish uchun nisbiy manzil yetarli: <a href="about.html">Biz haqimizda</a>. Havolani yangi oynada ochish uchun target="_blank" atributi qo‘shiladi.

Rasm <img> tegi bilan qo‘yiladi. U yopuvchi juftga ega emas va ikki muhim atributi bor: src — rasm fayli manzili, alt — rasmni tasvirlovchi matn: <img src="logo.png" alt="Maktab logotipi" width="200">. alt matni rasm yuklanmaganda ko‘rinadi va ko‘rishda nuqsoni bo‘lgan foydalanuvchilarga ekrandan o‘qish dasturi orqali o‘qib beriladi. Veb uchun JPG, PNG, WebP kabi formatlar ishlatiladi.

Jadval <table> tegi bilan yaratiladi. Har bir qator <tr>, sarlavha katagi <th>, oddiy katak <td> bilan yoziladi: <tr><th>Fan</th><th>Baho</th></tr>, so‘ng <tr><td>Informatika</td><td>5</td></tr>. Katakni bir necha ustun yoki qatorga kengaytirish uchun colspan va rowspan atributlari bor. Jadval faqat ma’lumotlarni ko‘rsatish uchun ishlatiladi, sahifa maketi uchun emas.

Bu teglardan birgalikda foydalanib, ko‘p sahifali kichik sayt qurish mumkin: bosh sahifada menyu — havolalar ro‘yxati (<ul> ichida <a>), boshqa sahifalarda rasm va jadvallar. Fayl nomlarini kichik lotin harflarda, bo‘shliqsiz yozing (dars-jadvali.html), chunki serverlarda katta-kichik harflar farqlanadi. Havolalarning ishlashini sahifani ochib tekshiring.

Asosiy xulosalar

Havola <a href="manzil">matn</a> ko‘rinishida yoziladi.
Rasm <img src="…" alt="…"> bilan qo‘yiladi; alt matni muhim.
Jadval <table>, qator <tr>, sarlavha katagi <th>, katak <td>.
Fayl nomlarini kichik lotin harflarda, bo‘shliqsiz yozing.

Amaliy topshiriqlar

Ikkita sahifa (index.html va about.html) yarating va ularni bir-biriga havola bilan bog‘lang.
Sahifaga rasm qo‘shing, alt va width atributlarini yozing; rasm fayli nomini ataylab xato yozib, alt matni ko‘rinishini kuzating.
3 ustun va 4 qatordan iborat dars jadvali (kun, fan, xona) jadvalini <table> bilan tuzing.

Mustahkamlash savollari

O‘zingizni sinab ko‘ring: avval o‘ylab ko‘ring, keyin javobni oching.

1`<img>` tegidagi `alt` atributi nima uchun kerak?Javobni ko‘rish

Rasm yuklanmasa matn ko‘rinadi, ko‘rishda nuqsoni bor foydalanuvchilarga esa rasm tavsifi o‘qib beriladi.

2Jadvalda `<th>` va `<td>` teglari qanday farq qiladi?Javobni ko‘rish

`<th>` — sarlavha katagi (odatda qalin va markazda), `<td>` — oddiy ma’lumot katagi.