Html kursi bo’yicha qo’llanma. Ushbu qo’llanma haqida



Yüklə 1,97 Mb.
Pdf görüntüsü
səhifə3/5
tarix26.12.2023
ölçüsü1,97 Mb.
#161673
1   2   3   4   5
HTML QOLLANMA

HTML hujjati tuzilishi 
Odatiy HTML hujjati quyidagicha tuzilishga ega bo’ladi: 
Hujjat deklaratsiyasi tegi 
 
 
Hujjat boshlanishiga aloqador teglar 
 
 
Hujjat tanasiga aloqador teglar 

Bu sarlavha 1

 

Bu sarlavha 2

 

Bu sarlavha 3

 

Bu sarlavha 4

 
Bu sarlavha 5
 
Bu sarlavha 6
 
Bu birinchi paragraf
Bu ikkinchi paragraf
Bu uchinchi paragraf
Salom. 
Men sizning ustozingizman  
O'z vazifalaringizni o'z vaqtida bajarishni unutmang 
Rahmat 
Xayr!
Bu matn markazda emas
 
Bu matn markazda
 



Bu matn birinchisi va tepada
 
Bu matn ikkinchisi va u pastda
function testFunction( strText ){ 


10 
alert( strText) 

Ushbu misolda siz "Ertaga kun nima?" so'zini ko'ryapsiz

Bu italic sarlavha

 
Bu underlined paragraf
Bu chap tomondagi matn
Bu o'rtadagi matn
Bu o'ng tomondagi matn
Bu yerga kursorni olib keling
Bu yerda style atributidan foydalanilgan
Bu dir atributi yordamida o'ngdan chapga o'qiladi
Bu ingliz tilidagi matn. lang atributi misol
Ushbu matnda qalinlashtirilgan so'zdan foydalanilgan.
Ushbu matnda kurivlashgan so'zdan foydalanilgan.
Ushbu matnda ostiga chizilgan so'zdan foydalanilgan.
Ushbu matnda ustiga chizilgan so'zdan foydalanilgan.


Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
23 
Ushbu matnda monospaced fondagi so'zdan foydalanilgan.
Ushbu matnda superscript so'zdan foydalanilgan.
Ushbu matnda ostscript so'zdan foydalanilgan.
Men ichish uchun vino kola xohlayman.
Men ichish uchun vino kola xohlayman.
Bu yerda katta o'lchamdagi matndan foydalanilgan.
Bu yerda kichik o'lchamdagi matndan foydalanilgan.
 
Home | 
Contact | 
About 
 
 
Maqola sarlavhasi
 
Bu yerda maqola yoki xabarlar yoziladi...


Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
28 
 
Bu yerda CSS elementlarini qo'llay oluvchi span
 
tegiga va div tegiga misol keltirilgan.
Bu yerda urg'ulangan matnga misol berilgan
Bu yerda belgilangan matnga misol berilgan
Bu yerda qalinlashtirilgan matnga misol berilgan
Mening do'stimning ismi Shoh.


Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
32 
O'zbekiston 
1992-yil 
2-martda 
title="Birlashgan 
Millatlar 
Tashkiloti">BMTga a'zo bo'lgan.
Bu matn chapdan o'ngga qarab yoziladi
Bu matn o'ngdan chapga qarab yoziladi 
Bu yerdagi so'z maxsus atama.
Quyidagi matn "Temur tuzuklari" asaridan olingan:
Davlat 
boshqaruvida 
men 
hamisha 
adolat 
tamoyillariga 
amal 
qildim
 
B.Ahmedov o'z asarida Amir Temur buyuk daho ekanligini ta'kidlab o'tgan 
edi.
Ushbu qo'llanma uchun asosiy manba: tutorialspoint.com
PHP dasturlash tilidagi kod: function alert(textString) 
Matn Matn Matn Bu yerda kbd element Matn Matn Matn
document.write("user-name")
Barcha yang dasturchilarning ilk kodi: Hello world!.
Qashqadaryo viloyati Kitob tumani
 
HTML 5 sahifa
HTML 5 sahifa


Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
41 
HTML 5 sahifa
HTML 5 sahifa
HTML 5 sahifa
HTML 5 sahifa
HTML 5 sahifa
HTML 5 sahifa
HTML 5 sahifa
Hujjatning asosiy qismi shu yerda yoziladi...
Hujjatning asosiy qismi shu yerda yoziladi...
< !-- Bu noto'g'ri yozilgan komment --> 
Hujjatning asosiy qismi shu yerda yoziladi...
Bu yerda hujjat tasviriga oid ko'p qatorli gaplardan foydalanish kerak. 
Komment oxirida yopuvchi tegdan foydalaning aks holda hujjat brauzerda aks etmaydi 
--> 
Hujjat tarkibi shu yerda yoziladi...
Hujjat tarkibi shu yerda yoziladi...
Bu Internet Explorer emas
Hello, world!
Hello, world!
Bu rasm joylashtirilgan ilk sahifam...

Bu rasm joylashtirilgan ilk sahifam...

Bu yerda o'lchamlari sozlangan rasm aks etgan.
height="100px" /> 
Bu yerda burchaklari sozlangan rasm aks etgan.
 
Bu yerda o'ng tomonda joyashtirilgan rasm aks etgan.
width="150" height="100" /> 
 
 
 
 
 
 
 
 
 
Qator 1; Ustun 1Qator 1; Ustun 2
Qator 2; Ustun 1Qator 2; Ustun 2
 
 
 
 
 
 
 
 
 
 
 


Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
61 
 
 
 
IsmlarOylik maosh
Baxtiyorov Laziz5000
Hakimov Jahongir7000
 
 
 
 
 
 


Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
62 
 
 
 
 
 
 
 
 
IsmlarOylik maosh
Baxtiyorov Laziz5000
Hakimov Jahongir7000
 
 
 
 
 
 
 
 
Qator 1; Bo'lim 1 
 
 
 
 
 
 
 
 
 
 
Ustun 1Ustun 2Ustun 3
Qator 1; Bo'lim 2Qator1; Bo'lim 3
Qator 2; Bo'lim 2Qator 2; Bo'lim 3
Qator 3; Bo'lim 1
 
 
 
 
 
 
 
 
Qator 1; Bo'lim 1 


Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
65 
 
 
 
 
 
 
 
 
 
 
Ustun 1Ustun 2Ustun 3
Qator 1; Bo'lim 2Qator1; Bo'lim 3
Qator 2; Bo'lim 2Qator 2; Bo'lim 3
Qator 3; Bo'lim 1
 
 
 
 
 
 
 
 
Qator 1; Bo'lim 1 
 
 
 
 
 
 
 
 
 
 
Ustun 1Ustun 2Ustun 3
Qator 1; Bo'lim 2Qator1; Bo'lim 3
Qator 2; Bo'lim 2Qator 2; Bo'lim 3
Qator 3; Bo'lim 1
 
 
 
 
 
 
 
 
 
 
Qator 1; Ustun 1Qator 1; Ustun 2
Qator 2; Ustun 1Qator 2; Ustun 2
 
 
 
 
 


Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
69 
 
 
 
 
 
 
Bu jadvalga qisqa izoh (caption)
Qator 1; Ustun 1 Qator 1; Ustun 2
Qator 2; Ustun 1Qator 2; Ustun 2
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Bu hujjat boshi
Ustun 1Ustun 2Ustun 3Ustun 4
Bu hujjat yakuni
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 


Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
72 
 
 
 
 
IsmMaosh
Baxtiyorov Laziz5000
Hakimov Jahongir7000
 
 
     
  • Toshkent
  •  
  • Qashqadaryo
  •  
  • Samarqand
  •  
  • Farg'ona
  •  
 
 
  • Toshkent
  •  
  • Qashqadaryo
  •  
  • Samarqand
  •  
  • Farg'ona
  •  
     
     
  • Toshkent
  •  
  • Qashqadaryo
  •  
  • Samarqand
  •  
  • Farg'ona
  •  
     
     
  • Toshkent
  •  
  • Qashqadaryo
  •  
  • Samarqand
  •  
  • Farg'ona
  •  
     
       
    1. Telegram
    2.  
    3. Whatsapp
    4.  
    5. Instagram
    6.  
    7. Imo
    8.  
     
     
  • Telegram
  •  
  • Whatsapp
  •  
  • Instagram
  •  
  • Imo
  •  
     


    Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
    79 
     
  • Telegram
  •  
  • Whatsapp
  •  
  • Instagram
  •  
  • Imo
  •  
     
     
  • Telegram
  •  
  • Whatsapp
  •  
  • Instagram
  •  
  • Imo
  •  
     
     
  • Telegram
  •  
  • Whatsapp
  •  
  • Instagram
  •  
  • Imo
  •  
     
     
  • Telegram
  •  
  • Whatsapp
  •  
  • Instagram
  •  
  • Imo
  •  
     
     
  • Telegram
  •  
  • Whatsapp
  •  
  • Instagram
  •  
  • Imo
  •  
     
     
    HTML
     
    Hyper Text Markup Language ning qisqartmasi
     
    HTTP
     
    Hyper Text Transfer Protocol ning qisqartmasi
     
     
    Quyidagi linkni bosing:
      
    Texnoman sahifasi 
    Quyidagi linklardan istaganingizga bosing:
    Yangida ochish | 


    Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
    87 
    Aynida ochish | 
    Mazkur sahifada ochish | 
    To'liq formatda 
    Quyidagi linkni bosing:
    Bu texnoman saytiga murojaat 
    tegining 
    link, alink, vlink
    atributlari yordamida ifodalashimiz mumkin. 
    Misol: 
    Misolni test.htm nomida saqlang va veb brauzerda 
    link, alink, vlink 
    atributlari qanday ishlashini 
    tekshiring. 
     
     


    Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
    89 
    Set_link_color 
     
     
     
    HTML qo'llanma 
    PDF faylni yuklab 
    oling 
    Quyidagi havolani bosing:
     
     
     
    Quyidagi havolani bosing:
     
     
     
    Qaynoq nuqtani toping va uni bosing:
     
     
    coords="80,80,20" href="css/index.htm" alt="CSS link" target="_self" /> 
    coords="5,5,40,40" alt="JQUERY link" href="jquery/index.htm" target="self" /> 


    Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
    94 
     
    tegi ichida tegidan foydalanamiz. 
    tegi brauzer ekrani qanday bo’linishi kerakligini ifodalab keladi. 
    rows
    atributi freymlarni 
    gorizontal bo’ladi, 
    cols
    atributi esa freymlarni vertical bo’ladi. Har bir freym tegi tomonidan 
    aniqlanadi va u freym ichida ochilishi kerak bo’lgan hujjatlarni o’z ichiga oladi. 
    Misol: 
    Quyidagi misolda uchta gorizontal freym yaratilishi ko’rsatiladi: 
     
     
    Freymlarga misollar 
     
     
     
     
     


    Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma 
    97 
     
     
      <br />Brauzeringiz freymlarni qo'llamaydi...  <br /> 
      <br />@kompyuter_darslari kanalidan o`g`irlandi <br /></div> <style type="text/css"> </style> <hr /><div id="page98-div" > <br />Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma  <br />98  <br />Brauzeringiz freymlarni qo'llamaydi...  <br /> 
    tegi ichida foydalanishingiz kerak, chunki tegi 
     elementi bilan o’rin almashadi. Agar brauzer  elementini tushunmasa, u holda 
    elementi orasidagi  tegiga murojaat qiladi.  <br />Siz istalgan turdagi chiroyli xabar yoki ogohlantirish yozib, eski versiyadagi brauzer  <br />foydalanuvchilari uchun qoldirishingiz mumkin. Misol uchun,  <br /><i>“Kechirasiz, sizning brauzeringiz freymlar </i> <br /><i>bilan ishlashni qo’llamaydi.”</i> <br /><b>Freymning <a href="/guruh-talabasi-raximova-iroda-15-fayl-atributlari-haqida-malum.html">name va target atributlari </a></b> <br /><b> </b> <br />Freymlarning eng ommabop xususiyatlaridan biri – bu asosiy freymning bosh oynada yuklanishi  <br />va qolgan freymlarning bosh sahifalari alohida qo’shimcha oynalarda yuklanishidir.  <br />Buni quyidagi misolda test.htm faylini yaratganholda ko’rishimiz mumkin:  <br /><html>  <br /><head>  <br /><title>Freymlar</title>  <br /></head>  <br /><frameset cols="200, *">  <br /><frame src="html/menu_frame.htm" name="menu_frame" />  <br /><frame src="html/main_frame.htm" name="main_frame" />  <br /><noframes>  <br /><body>  <br /></div> <style type="text/css"> </style> <hr /><div id="page101-div" > <br />Baxtiyorov Laziz HTML o’quv kursi bo’yicha qo’llanma  <br />101  <br />Sizning brauzeringiz freymlarni qo'llamaydi.  <br />Google  <br /><br /> <br />  <br />Microsift  <br /><br /> <br />  <br />Yandex  <br /></body></frame></frame></html></body></frameset></body></frameset>
    Yüklə 1,97 Mb.

    Dostları ilə paylaş:
    1   2   3   4   5




    Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur ©www.genderi.org 2024
    rəhbərliyinə müraciət

        Ana səhifə