• HTML – RASMLAR
  • Misol
  • Mundarija: Kirish I. Htmlga tasvirlarni joylash II. Htmlda rasmlar III. Htmlda tasvirlar ustida amallar




    Download 167,45 Kb.
    bet2/2
    Sana19.06.2024
    Hajmi167,45 Kb.
    #264307
    1   2
    Bog'liq
    5 HTMLda rasmlar bilan ishlash

    WIDTH va HEIGHT orqali tasvirning real o'lchamini kichraytirish mumkin. Ammo bu usuldan iloji boricha kamroq foydalangan maqul. Eng yaxshi usul tasvirni real o'lchamini tasvir tahrirlagich dastur yordamida kichraytirish. Bu usul tasvirning ochilish vaqtini kamaytiradi.
    • Tasvir hajmini suniy kattalashtirish.
    Tasvir o’lchami kattalashtirilganda yoki kichraytirilganda uning sifatida o'zgarish sodir bo'ladi. Agar siz o’lchamlarni o'zgartirganda bir xillikka e’tibor bermasangiz, tasvir sifatini buzilishiga olib keladi. WIDTH va HEIGHT o’lchamlari orqali tasvir hajmini kattalashtirganda, real o'lchamni 2 matra, 3 marta va shu tariqa oshishiga erishish kerak. Masalan tasvirning real o’lchami WIDTH = 100, HEIGTH 200 ga teng bo'lsa, uni ikki marta kattalashtirganda WIDTH=200, HEIGTH= 400 ga teng bo'lishi shart. Bu usul tasvir sifatidagi salbiy o'zgarishlarni bir oz yumshatadi. Shuningdek, ayni holatni tasvir o'lchamini kichraytirishda ham qo'llash maqsadga muvoffiq.
    • Har doim ALT o'lchamini qo'llang.
    Har doim ALT dan so'ng tasvirga aloqador qo'shimcha axborotni kiritishga harakat qiling. Bunnig asosiy sababi, siz joylashtirgan tasvir ochilmangan taqdirda, Internetdan foydalanuvchi siz kiritgan tasvir izohini o'qiydi va minimum axborotga ega bo'ladi.
    1. HTML – RASMLAR


    Rasmlar sahifani yanada chiroyliroq qilish va biror narsani osonlik bilan tasviriy vositalar ko’magida tushuntirish uchun oson vosita hisoblanadi. Bu bo’limda rasmlardan veb sahifada foydalanishni oson qadamlar bilan o’rganib chiqamiz.


    Rasm joylash


    Istalgan rasmni veb sahifaga joylash uchun tegidan foydalanamiz. Quyida bu tegdan foydalanish sintaksisi soda tarzda tushuntirilgan.







    tegi bo’sh teg hisoblanadi va yopiluvchi tegni talab qilmaydi.

    Misol:


    Quyidagi misoldan foydalanish uchun alohida test.htm sahifasi va test.png suratini yaratib olish kerak:


    html>
















    Bu rasm joylashtirilgan ilk sahifam...




    Bu ilk rasmli sahifam
    Bu rasm joylashtirilgan ilk sahifam...


    Bu ilk rasmli sahifam
    Bu yerda burchaklari sozlangan rasm aks etgan.


    Bu mening suratli sahifam
    Bu yerda o'ng tomonda joyashtirilgan rasm aks etgan.


    Bu mening suratli sahifam
    Download 167,45 Kb.
    1   2




    Download 167,45 Kb.

    Bosh sahifa
    Aloqalar

        Bosh sahifa



    Mundarija: Kirish I. Htmlga tasvirlarni joylash II. Htmlda rasmlar III. Htmlda tasvirlar ustida amallar

    Download 167,45 Kb.