|
Тег img в html5
|
| Sana | 06.10.2023 | | Hajmi | 259.99 Kb. | | #86827 |
Bog'liq 4-amaliy mashg\'ulot 016-20 Ахматов Бекзод, 042-20 guruh O\'rozboyev Dilshod, Лабораторная работа 7 Узб, Карз шартномаси офис, demokratik jamiyatda o\'qituvchi va o\'quvchi munosabati Abduhakimov, sherdor, Dolzarb Mavzu Renessans uchun, bollalar nutqini o\'stirish 24- mavzu amaliy, Abdusamatova Shaxnoza, Referat mavzu Matematik mantiq elementlari Bajardi Tekshirdi-fayllar.org, Active Directory-ning eng yaxshi tajribalari, iqbol tja mustaqil, reaktiv psixozlar, Malumotlarni shifirlash v (2)
4 –laboratoriya ishi
HTMLda tasvirlar va ro'yxatlar bilan ishlash
Ishdan maqsad: HTMLda tasvir va ro'yxatlar bilan ishlash ko'nikmalarini egallash.
Masalaning qo’yilishi: HTML-da tasvirlar va ro'yxatlar yordamida sahifalar yarating.
Uslubiy ko'rsatmalar: img elementi HTML-da tasvirlarni ko'rsatish uchun ishlatiladi. Ushbu element bizga ikkita muhim xususiyatni taqdim etadi:
src: tasvirga yo'l. Bu fayl tizimidagi nisbiy yoki mutlaq yo'l yoki Internet manzili bo'lishi mumkin.
alt: Tasvirning matn tavsifi. Agar biron sababga ko'ra brauzer rasmni ko'rsatolmasa (masalan, src atributida noto'g'ri yo'l bo'lsa), u holda brauzer tasvirning o'rniga ushbu matn tavsifini ko'rsatadi.
Alt atributi ham muhimdir, chunki qidiruv tizimlari matn tavsifi asosida tasvirni indekslashi mumkin.
Misol uchun, bizda index.html fayli mavjud bo'lgan o'sha papkaga bir nechta rasm faylini joylashtiramiz. Keyin uni veb-sahifada ko'rsatiladi:
Тег img в HTML5
Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry....
4.2-rasm. Rasmlarni matn bilan birlashtiring.
HTML tilida ro‘yxatlar bilan ishlash uchun yetarlicha elementlar mavjud bo‘lib,
ular uch turga bo‘linadi:
- raqamli ro‘yxat
- belgili ro‘yxat
- ta’riflar ro‘yxati
Raqamli ro‘yxatlar (ing. ordered list – raqamli ro‘yxat) tegi orqali hosil
qilinib, uning elementlari ketma-ketligi - (ing. list item – ro‘yxat elementi) tegi orqali shakllantiriladi. Ushbu tegning «type», «start», «reversed» kabi
atributlari mavjud.
«type» atributi orqali ro‘yxatni qayd etish shakli tanlanib, u:
– bosh (katta) lotin harflari bilan nomerlash uchun - “A”;
– kichik lotin harflari bilan nomerlash uchun - “a”;
– katta Rim raqamlari bilan nomerlash uchun - “I”;
– kichi Rim raqamlari bilan nomerlash uchun - “i”;
– arab raqamlari bilan nomerlash uchun - “1” kabi qiymatlarini qabul qiladi.
«start» atributi orqali ro‘yxatni raqamlashning boshlang‘ich qiymati
o‘rnatiladi. Agar elementning ushbu atributi ko‘rsatilmasa, u holda brauzer ro‘yxatni birinchi raqamdan boshlab nomerlaydi.
«reversed» atributlari esa nomerlashni teskari tartibda amalga oshirish uchun
ishlatiladi.
Belgili ro‘yxatlar |
| |
