• Kasblar
    • HTML
    CSS
    JavaScript
    PHP
    SQL
    Python
  • Bo'limlar
    • Yangiliklar
    Texnologiyalar
    Maqolalar

    Hujjatlar

    HTML hujjatlari

    • Barcha HTML hujjatlari hujjat turi  yozish bilan boshlanishi kerak:    <! DOCTYPE html>  .
    • HTML - hujjatning o'zi <html> bilan boshlanadi va </html> bilan tugaydi.
    • HTML hujjatining ko'rinadigan qismi <body> va </body>  taglari orasida joylashgan.

    Namuna

    <!DOCTYPE html>
<html>
 <body>
   <h1>My First Heading</h1>
   <p>My first paragraph.</p>
 </body>
</html>

    <! DOCTYPE> deklaratsiya

    <! DOCTYPE> deklaratsiyasi hujjat turini anglatadi va brauzerlarga veb-sahifalarni to'g'ri ko'rsatishga yordam beradi.

    U faqat bir marta, sahifaning yuqori qismida (har qanday HTML teglaridan oldin) yozilishi  kerak.

    <! DOCTYPE> deklaratsiyasi katta-kichiklikni hisobga olmaydi.

    HTML5 uchun <! DOCTYPE> deklaratsiyasi:

    <!DOCTYPE html>

    HTML sarlavhalari

    HTML sarlavhalari <h1> , <h2>, <h3>, <h3>, <h4>, <h5>, <h6> teglari bilan aniqlanadi.

    <h1> eng muhim sarlavhani belgilaydi. <h6> unchalik muhim bo'lmagan sarlavhani belgilaydi.

    Namuna:

    <h1> Bu sarlavha 1 </h1>
<h2> Bu sarlavha 2 </h2>
<h3> Bu sarlavha 3 </h3>

    Natija

    Bu sarlavha 1

    Bu sarlavha 2

    Bu sarlavha 3

     

    HTMLda paragraflar

    HTML paragraflari <p> tegi bilan ishlatiladi.

    <!DOCTYPE html>
<html>
<body>

<p> Bu paragraf. </p>
<p> Bu boshqa paragraf. </p>  

</body>
</html>

    Natija

    Bu paragraf.

    Bu boshqa paragraf.

    HTMLda havolalar

    HTML havolalari <a> tegi bilan aniqlanadi.

    <!DOCTYPE html>

    <html>

       <body>

           <a href="https://www.spaces.uz">Bu hovola. This is a link</a>

       </body>

    </html>

    Havolaning qaysi manzilga yo'naltirilishi  href  atributida ko'rsatilgan.

    Atributlar HTML elementlari haqida qo'shimcha ma'lumot berish uchun ishlatiladi.

    Atributlar haqida keyingi darslarda ko'proq ma'lumot olasiz.

    HTMLda rasmlardan foydalanish

    HTMLda rasm ko'rsatish uchun <img> tagi dan foydalaniladi..

    • src - dastlabki fayl
    • alt - agar rasm biror xatolik sabab ochmay qolsa unga odatiy text qoyiladi.
    • width - rasmning kengligini (eniga bo'lgan uzunligini) bildiradi .
    • height - rasmning balandligini (bo'yiga bo'lgan uzunlikni) bildiradi.

    Muhim

    •  src  so'zi  'source' so'zidan olingan bo'lib manba degan ma'noni anglatadi.
    • alt so'zi alternative  so'zidan  olingan bo'lib alternativa (o'rnini bosuvchi) manosini beradi. Ya'ni src da yozilga manba xato bo'lsa alt da yozilgan text ko'rsatiladi.
    • width so'zi kenglik deb tarjima qilinadi. Bu so'z ko'p ishlatiladi.   
    • height so'zi  uzinlik deb tarjima qilinadi. Bu ham kerakli so'zlardan biri xisoblanadi.

    Namuna

    <!DOCTYPE html>
<html>
   <body>
     <img src="https://picsum.photos/id/237/200/300" alt="Xa Bu rasm" width="104" height="156">
   </body>
</html>

    Natija

    HTML manbalarini (source codelarni) qanday ko'rish mumkin ? 

    Biror bir veb sahifaning html codelarini ko'rish uchun kompyuteringizdan  f12  knopkasini  bosing.

    Yoki bo'lmasam sichqonchaning o'ng tugasini bosganingizda chiqgan menulardan "inspect" yozuvini bosish orqali ko'rish mumkin.

    Yana bir yo'li esa ctr + shift + I  tugamalarini bosgan holda ko'rish imkoniyatiga ega bo'lasiz.