39 


  • Ikkita ustunni o‘z ichiga olgan katak
  • Ikki qatorni o‘z ichiga olgan katak
  • O‘xshash matn
  • Sayt freymlar bilan
  • Primer ispolzovaniya kontseptsii “plavayuhix freymov”
    		•

    O‘zbekiston respublikasi oliy va o‘rta maxsus ta’lim vazirligi guliston davlat universiteti yuldashev Ulmasbek Abdubanapovich




    Download 4,4 Mb.
    Pdf ko'rish
    bet17/47
    Sana29.12.2023
    Hajmi4,4 Mb.
    #128938
    TuriУчебное пособие
    1   ...   13   14   15   16   17   18   19   20   ...   47
    Bog'liq
    Web dizayn













    37 










    32 
    Misol 
    <
    table
    >
    <
    tr
    >
    <
    th
    >
    ISM:
    th
    >
    <
    td
    >
    Abdumannopov Akmal
    td
    >
    tr
    >
    <
    tr
    >
    <
    th 
    rowspan
    ="
    2
    ">
    Telefon raqam:
    th
    >
    <
    td
    >
    99897 234 56 78
    td
    >
    tr
    >
    <
    tr
    >
    <
    td
    >
    99897 234 56 78
    td
    >
    tr
    >
    table
    > 
    Jadvallarga sarlavha qo‘shish 
    Element yordamida jadvallaringiz uchun sarlavha (yoki sarlavha) 
    belgilashingiz mumkin. 
    Element ochilish keyin to‘g‘ridan joylashtirilgan bo‘lishi lozim 
    teg. Odatiy bo‘lib, jadvalning yuqori qismida sarlavha paydo bo‘ladi, ammo 
    siz uning o‘rnini CSS yordamida o‘zgartirishingiz mumkincaption-side xususiyati. 
    Quyidagi misol ushbu elementni jadvalda qanday ishlatilishini ko‘rsatadi. 
    Miso l
    <
    table
    >
    <
    caption
    >
    Foydalanuvchilar haqida ma’lumot 
    caption
    >
    <
    tr
    >
    <
    th
    >
    Yo‘q.
    th
    >
    <
    th
    >
    ISM
    th
    >
    <
    th
    >
    Yoshi
    th
    >
    tr
    >
    <
    tr
    >

    33 
    <
    td
    >
    1
    td
    >
    <
    td
    >
    Abdumannopov Akmal
    td
    >
    <
    td
    >
    2
    td
    >
    tr
    >
    <
    tr
    >
    <
    td
    >
    2
    td
    >
    <
    td
    >
    Yuldashev Baxtiyor
    td
    >
    <
    td
    >
    33
    td
    >
    tr
    >
    table
    >
    Jadval sarlavhasi, tanasi va altbilgisini aniqlash
    HTML teglar bir qator beradi 
    , va bu, o‘z navbatida, 
    nom, tanasi va futbol viloyatlariga belgilash, siz ko‘proq tuzilgan jadval yaratish 
    uchun yordam beradi. 
    Quyidagi misol ushbu elementlardan foydalanishni namoyish etadi. 
    Misol
    <
    table
    >
    <
    thead
    >
    <
    tr
    >
    <
    th
    >
    Elementlar 
    th
    >
    <
    th
    >
    Xarajatlar 
    th
    >
    tr
    >
    thead
    >
    <
    tbody
    >
    <
    tr
    >
    <
    td
    >
    Statsionar 
    td
    >
    <
    td
    >
    2,000
    td
    >
    tr
    >
    <
    tr
    >
    <
    td
    >
    Mebel 
    td
    >

    34 
    <
    td
    >
    10,000
    td
    >
    tr
    >
    tbody
    >
    <
    tfoot
    >
    <
    tr
    >
    <
    th
    >
    Jami 
    th
    >
    <
    td
    >
    12,000
    td
    >
    tr
    >
    tfoot
    >
    table
    > 
    Eslatma: HTML5,
    element oldin yoki keyin ham joylashtirilishi 
    mumkin va  elementlar, lekin har qanday va 
     elementlar so‘ng paydo bo‘ladi.
     
     
     
    Misol: 











    35 













    ,
    Ism Familiya Yoshi
    Akmal Abdumannopov 5
    Baxtiyor Yuldashev 33
    Mashhura Abdumannopova 3


    Ism Familiya Yoshi
    Akmal Abdumannopov 5
    Baxtiyor Yuldashev 33
    Mashhura Abdumannopova 3


    Ism Familiya Yoshi
    Akmal Abdumannopov 5
    Baxtiyor Yuldashev 33
    Mashhura  Abdumannopova 3



    Ism
    Familiya
    Yoshi


    Akmal
    Abdumannopov
    5


    Baxtiyor
    Yuldashev
    33


    Mashhura
     Abdumannopova
    3



    41 


    Ism
    Familiya
    Yoshi


    Akmal
    Abdumannopov
    5


    Baxtiyor
    Yuldashev
    33


    43 

    Mashhura
     Abdumannopova
    3




    Ism
    Familiya
    Yoshi


    Akmal
    Abdumannopov
    5


    Baxtiyor
    Yuldashev
    33



    45 
    Mashhura
    Abdumannopova
    3



    Ikkita ustunni o‘z ichiga olgan katak:




    Ism
    Telefon raqam


    Abdumannopov Akmal
    998 97 234 56 78
    998 99 876 54 32



    Ikki qatorni o‘z ichiga olgan katak:




    Ism:
    Akmal Abdumannopov


    Telefone raqam:
    97 234 56 78


    99 876 54 32




    Ma’lumotlar 

    Ism
    Familiya

    50 
    Yoshi


    Akmal
    Abdumannopov
    5


    Baxtiyor
    Yuldashev
    33


    Mashhura
    Abdumannopova
    3




    Ism
    Familiya
    Yoshi


    Akmal
    Abdumannopov
    5


    Baxtiyor
    Yuldashev
    33


    Mashhura
    Abdumannopova
    3




    53 

    Ism
    Familiya
    Yoshi


    Akmal
    Abdumannopov
    5


    Baxtiyor
    Yuldashev
    33


    Mashhura
    Abdumannopova
    3





    Tashqi jadvalning birinchi ustuni 





    55 

    Ichki jadvalning birinchi qatori




    Ichki jadvalning ikkinchi qatori 






    O‘xshash matn

     
    Alt atributi tasvir tarkibini aks ettirishi kerak, shuning uchun tasvirni ko‘ra 
    olmaydigan foydalanuvchilar tasvirda nima borligini tushunishadi:
    src="img_chania.jpg" 
    alt="Flowers 
    in 
    Chania" 
    width="460" 
    height="345"> 
    va

     Sayt freymlar bilan 

     

     Sayt freymlar bilan 

     

    71 

     Sahifa 1 (2,3)

     
    Bu Web – saytimizning birinchi (ikkinchi, uchinchi) saxifasi. 
    va  
    CENTER>

    Primer ispolzovaniya kontseptsii “plavayuhix freymov” 

      
     
    «O‘zgaruvchan» freymlarni birinchi va yagona bo‘lib quvvatlab turgan brauzer 
    – bu Microsoft Internet Explorer brauzeridir. Bunday freymlar ekranning istagan 
    joyda, xuddi grafik tasvirlar va jadvallar singari, joylashi mumkin. 
     
     ism:  


    79 
     familiya:  

     e-mail:  

     
    Erkak
     
     
    Ayol 
     
     
     
     
     
     ism:  

     familiya:  

     e-mail:  

     
    Erkak  

    83 
     
    Ayol 
     
     
    Jo‘natish  
     bekor qilish  
     
     
    Siz qanday brauzerdan foydalanasiz? 
     
     
    Opera  
    Google Chrome 
    Microsoft  
    Netscape Navigator 1.x 
     
     
    Internet Explorer4.x yoki yuqori 
    Internet Explorer 3.x 
    Internet Explorer 2.x 
    Internet Explorer 1.x 
     
     
    Opera 3.x yoki yuqori 
    Opera 2.x 
     

    86 
    Boshqalaridan 
     
      
     
     
     Shaxsiy ma’lumot 
    Familiya:  
    Ism:  
    Manzil:  

    88 
     
     Kasallik tarixi 
    type="checkbox" value="Smallpox" tabindex="20"> Ospa 
    tabindex="21"> Gripp 
    tabindex="22"> Bosh aylanish value="Sneezing" tabindex="23"> Yutal 
     
     
    Joriy muolaja 
    Hozir qandaydir dori qabul kilayapsizmi? 
    tabindex="35">Ha 
    tabindex="35">Yo‘q 
    Hozirgi qabul qilayotgan dorilar ro‘yxatini yozing:
    rowsq"10" colsq"50" tabindex="40">  
     
     
     elementidan ma’lum bir joyni 
    tanlang . Keyin yuqori o‘ng oynaga o‘ting va Qo‘shish- ni bosing . O‘zingizning 
    sahifangizga qo‘shishingiz mumkin bo‘lgan umumiy HTML elementlari ro‘yxati 
    paydo bo‘lishi kerak edi. 
    Sarlavha elementini toping . 
    Uni bosing yoki uni ish joyingizga torting. U avtomatik ravishda tegishli kod 
    bilan birga saytingizga qo‘shiladi. 
    34-rasm. HTML ga sarlavha qismini yaratish. 

    109 
    Keyin biz sarlavhamizni

    ...

    yorlig‘i     bilan sarlavhaga 
    aylantiramiz. Biz buni birinchi navbatda SEO uchun, qidiruv tizimiga saytimiz nima 
    haqida ekanligini aytib berish uchun qilamiz. Ushbu bo‘limda tegishli matnni 
    tanlang, so‘ng Qo‘shish paneliga o‘ting . H1 sarlavhasini toping va ustiga bosing. 
    Shundan so‘ng, matnni saytingizning sarlavhasi bilan almashtiring. Bu 
    tavsiflovchi va vakillik qiladigan narsa bo‘lishi kerak. Misol tariqasida biz " Bizning 
    web saytimizga xush kelibsiz " iborasini qo‘llaymiz . 
    35-rasm. Sarlavha yaratish. 
    Navigatsiyani qo‘shing 
    Navigatsiya tugmachasini qo‘shish uchun qaytish yoki kiritish tugmachasini 
    bosib sarlavhadan keyin qatorni qo‘shing. Endi qo‘shish paneliga o‘ting va 

    Download 4,4 Mb.
    1   ...   13   14   15   16   17   18   19   20   ...   47




    Download 4,4 Mb.
    Pdf ko'rish
    Bosh sahifa
    Aloqalar
        Bosh sahifa
    Dərs
    Mühazirə
    Qaydalar
    Referat
    Xülasə
    Yazı


    O‘zbekiston respublikasi oliy va o‘rta maxsus ta’lim vazirligi guliston davlat universiteti yuldashev Ulmasbek Abdubanapovich

    Download 4,4 Mb.
    Pdf ko'rish