Informatika o’qitish metodikasi” 2-kurs Sirtqi Topshiriqlar


Download 153.45 Kb.
Sana11.07.2020
Hajmi153.45 Kb.
#123516
Bog'liq
WEB Dizayn 2 topshiriq


Informatika o’qitish metodikasi”

2-kurs Sirtqi



Topshiriqlar:

  1. HTMLda jadval yaratish

  2. HTMLda ro’yxatlar bilan ishlovchi teglar



Bajardi: Akromov Begzod

HTMLda jadval yaratish

Ko’pincha HTML-sahifalarni yaratishda foydalanuvchi turli tarkib va ​​murakkablik jadvallarini yaratish bilan yuzma-yuz keladi. Bunday holda, sahifalarning tartibini (yozuv kodini) ishlatish uchun ishlatiladigan oddiy jadvallar va jadvallar yaratiladi. Masalan, «Maktab o’quvchilarining olimpiadasi natijalari» sahifasida matematika, rus tili va informatika bo’yicha bo’limlar mavjud. Har bir sahifada bir nechta ustunlar va bir nechta satrlardan iborat mavzularda berilgan balllarga ega jadval joylashtirilgan. Ob’ektlar sahifalari orasida harakat qilish uchun gorizantal menyu yaratiladi, uning havolalari ko’rinmas jadvalning hujayralariga joylashtirilishi mumkin. Jadvallarni yaratishning ikkinchi usuli, odatda, turli xil sahifa tuzilmalarini yaratish uchun ishlatiladi.



Shunday qilib, jadval tuzishda HTML. , va
teglaridan foydalanish uchun jadval yaratish. Birinchi teg jadvalni e’lon qiladi, ikkinchisi esa satr va ustunlar hosil qilmoq uchun ishlatiladi. Uchta satr va ikkita ustundan tashkil topgan eng oddiy jadvalda bu rasmda ko’rsatilgan.

HTML-hujjatni ishlatish uchun rasmda ko’rsatilgan jadvalni yaratish:




 
 
 
Yacheyka 1
 
Yacheyka 2
 
 
Yacheyka 3
 
4
 
 

Ushbu misolda

tagidagi ramka o’lchami va chegaraviy attributini aniqlaydigan jadval chegarasi belgilanadi. Jadvalning boshqa elementlari va uning elementlari mavjud. Hujayra belgilarining xususiyati hujayralararo masofani aniqlash uchun hujayra bo’shlig’ini hujayra masofaviy xujayrada ma’lumotni aniqlash uchun ishlatiladi, jadvalni orqa fon rangini belgilash uchun bgcolor, jadvalning kengligi yoki hujayralari kengligi, kenglik jadvali yoki uning hujayralarining kengligini ko’rsatish uchun kenglik, hizalayin – sahifada jadval (chapda, o’ngda, markazda) aniqlash, valign – kamerada vertikal holatni aniqlash.



Satrlarni yoki ustunlarni ulash uchun colspan va rowspan atributlari navbati bilan ishlatiladi.



tagida yaratilgan HTML-jadvalda ko’rsatilganidek, yuqoridagi attributlar ishlatiladi.

To’liq jadval kodi:




 
 
 
 
 
Ячейка 1
 
Ячейка 2
 
 <
 < tr> 
Yacheyka 3
 
Yacheyka 4
 
 
5
 
 
Yacheyka 6
 
Yacheyka 7
 
 
Yacheyka 8
 
 

Shunday qilib, biz HTMLda jadvalni qanday qilishni tahlil qildik. Jadvallarni yaratishda siz maxsus tahririyatlardan foydalanishingiz mumkin, lekin ular tez-tez xato qilishadi, shuning uchun jadvallarni yaratishda HTML teglarini bilish muhim ahamiyatga ega.



HTMLda ro’yxatlar bilan ishlovchi teglar

Bu bo'limda ro'yhatlangan tartibda matnni kiritish usullari bilan tanishib chiqamiz:




Matn
Matn
Matn



Ro'yhatlangan matn ko'rinishi:

Tartiblangan ro'yhat:
Ro'yhat elementi 1
Ro'yhat elementi 1
Ro'yhat elementi 1
Tartiblanmagan ro'yhat:
Ro'yhat elementi 1
Ro'yhat elementi 1
Ro'yhat elementi 1
Matn ro'yhatini belgilovchi teglar tarkibida siz HTMLning boshqa mant tahrirlash uchun qo'llaniluvchi teglarini ishlatishuingiz mumkin.
"Ro'yhatlar tuzish - ro'yharni tartiblash"
Matn bo'laklarini tartiblashda sonlar yoki harflar bilan belgilash mumkin. Shuningdek ayni jarayonda simvollardan ham foydalanish imkoni mavjud. Bu haqda keyinroq to'htalib o'tamiz.
Matn bo'laklarini tartiblashda
    ochuvchi va
yopuvchi teglaridan foydalaniladi. Ushbu teglar ichida tartiblanivchi matin oldiga
  • komandasi yoziladi. 
       tegining yagona qo'shimcha o'lchami TYPE bo'lib, u tartiblovchi belgi ko'rinishini aniqlab beradi.
      Arab sonlari bilan belgilash:

      1. Matn 1
      2. Matn 2
      3. Matn 3

      Natija:
      Matn 1


      Matn 2
      Matn 3
      Rim sonlari bilan belgilash:

      1. Matn 1
      2. Matn 2
      3. Matn 3

      Natija:
      Matn 1
      Matn 2
      Matn 3
      Rim harflari bilan belgilash:

      1. Matn 1
      2. Matn 2
      3. Matn 3

      Natija:
      Matn 1


      Matn 2
      Matn 3
      Alfabitning bosh harfalar bilan belgilash:

      1. Matn 1
      2. Matn 2
      3. Matn 3

      Matija:
      Matn 1


      Matn 2
      Matn 3
      Alfabitning kichik harflar bilan belgilash:

      1. Matn 1
      2. Matn 2
      3. Matn 3

      Natija:
      Matn 1


      Matn 2
      Matn 3
      "Ro'yhat tuzish - tartiblanmagan ro'yhat"
      Tartiblanmagan ro'yhat tuzishda
        , va
      yopuvchi teglaridan foydalaniladi. Ro'yhat ichidagi tartib
    1. komandasi bilan belgilanadi.
        tegi uchun ham TYPE o'lchami ishlatiladi. TYPE o'lchami 3 xil turdagi royhat kirita oladi:
        Doirasimon belgi yordamida tartiblash:

        • Matn 1
        • Matn 2
        • Matn 3

        Natija:
        Matn 1


        Matn 2
        Matn 3
        Nuqdasimon belgi yordamida tartiblash:

        • Matn 1
        • Matn 2
        • Matn 3

        Natija:
        Matn 1


        Matn 2
        Matn 3
        To'g'ri to'rtburchak simon belgi yordamida tartiblash:

        • Matn 1
        • Matn 2
        • Matn 3

        Natija:
        Matn 1


        Matn 2
        Matn 3
        "Ro'yhat tuzish - aniqlashtiruvchi ro'yhatlar"
        Aniqlashtiruvchi ro'yhat va uning izohidan iborat mantni tartibli tuzish uchun bir-nacha teglar ishlatiladi.
        Aniqlashtiruvchi ro'yhatni
        ochuvchi va
        yopuvchi tegi yordamida amalga oshriladi. Aniqlashtiruvchi ro'yhat nomi
        tegidan so'ng yoziladi va uni izohlovchi matn esa
        tegidan so'ng kiritiladi.
        tegi qo'shimcha o'lchamlarga ega emas.
        Aniqlashtiruvchi ro'yhat:

        Aniqlashtiruvchi asosiy so'z yoki jumla
        Izoh beruvchi matn

  • Download 153.45 Kb.

    Do'stlaringiz bilan baham:




    Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
    ma'muriyatiga murojaat qiling