• Toshkent – 2022 1-Javob
  • 2-javob HTMLda rasm va jadvallar bilan ishlash teglari. Havolalar va ro’yxatlar bilan ishlash teglari. HTML formalar bilan ishlash
  • Rasm joylash
  • Muhammad al-xorazmiy




    Download 0.62 Mb.
    Sana23.11.2022
    Hajmi0.62 Mb.
    #31438
    Bog'liq
    Xayitboyev Bekzod (2)
    2-seminar mashg\'uloti, Мустақил иш мавзулари



    MUHAMMAD AL-XORAZMIY
    NOMIDAGI
    TOSHKENT AXBOROT TEXNOLOGIYALARI UNIVERSITETI


    1-AMALIY ISH
    Fan nomi: Veb dasturlashga kirish
    Guruh: WEB002-1 (212-21)
    Bajardi: Xayitboyev Bekzod
    Tekshirdi: Ruzimov Omon
    Narimanovich
    Toshkent – 2022
    1-Javob
    HTML hujjat tuzilishi. HTML ning asosiy teglari, teg attributlari.

    Html – (HyperText Markup Language - gipermatnli belgilash tili) deb aytiladi. HTML tili taxminan 1991—1992-yillarda Yevropa Yadroviy Tadqiqotlar Markazida ishlovchi britaniyalik mutaxassis Tim Berners-Lee tomonidan ishlab chiqilgan. Dastlab bu til mutaxassislar uchun hujjat tayyorlash vositasi sifatida yaratilgan. Bundan tashqari unda hipermatnlardan foydalanish mumkin edi. Tilning rivojlanishi bilan unga qoʻshimcha multimedia (tasvir, tovush, animatsiya va boshqalar) imkoniyatlari qoʻshildi.


    Avvalo Sublime text dasturiga kiramiz.


    So’ng File=>Open Folder bo’limini tanlaymiz va project ochish uchun papkani tanlaymiz;




    So’ng Classlar orqali H1, H2 va H3 teglariga style yozib oldim:





    Shular bilan bir qatorda Fonga rasm joylash uchun tegi uchun ham style yozib oldim.
    body
    {
    background: url('back.jpg'); //Surat manzili
    background-repeat: no-repeat; // suratni takror joylamaslik
    background-attachment: fixed; //Joylashuvini o’zgarmas qilish
    background-size: 100%; // O’lvhami
    }
    2-javob HTMLda rasm va jadvallar bilan ishlash teglari. Havolalar va ro’yxatlar bilan ishlash teglari. HTML formalar bilan ishlash.
    Jadval teglari:

    juft tegi==> yozgan ma’lumotimizni ekranga kerakli o’lchamda chiqaradi.
    juft tegi ==> Jadval boshlanishi va tugashini bildiradi
    juft tegi ==> satr boshlanishi va tugashini bildiradi
    juft tegi ==> ustun nomlari jadvalini bildiradi
    juft tegi ==> yacheykani bildiradi


    Rasm joylash:
    Bu sahifaga rasm joylashni bildiradi
    Men img ni ham css da yozganman







    3-Javob HTML5 da yangi teglar. HTML5 da audio, video va grafika bilan ishlash teglari.
    Quyidagilar HTML5 ning yangi teglari
    Canvas - tegi- JavaScript orqali turli xildagi ob’ektlarni chizish, rasm chiqarish, transformasiya va xususiyatlarni o`zgartirish imkoniyatiga ega maydon yaratadi.
    Bdi - tegi-mattnni chiqarishda yo`nalishning o`zgarishni oldinioladi.
    Audio - tegi-veb sahifadagi audioyozuvlarni qo`shish, eshittirish va sozlash.
    Article - tegi-saytning tarkibi haqida ma’lumot (yangiliklar, maqolalar, bloglar)
    Aside - tegi-kontentning yonboshdan joylashuvchi ma’lumot, arxivga gipermurojaat, belgilash.

    :


    Video joylash:



    Shu teglar orqali video joyladim va bunga ham css kod yozildi:
    video
    {
    width: 100%; // eni
    height: 100%; // bo’yi
    }
    Undan rashqari ma’lum bir link orqali ham video joylash mumkin. Bunda uning linki “src= “dan keyin to’liqligicha beriladi.

    shuni aytib o’tish kerak biz html ga .wav, .mp3, .mp4, .mpg, .wmv .avi. formatdagi multimedia maxsulotlarini joylay olamiz.


    Download 0.62 Mb.




    Download 0.62 Mb.