Ichki havolalarni yaratish
Browser oyinasida shakllanishi
Yüklə
1,79 Mb.
Pdf görüntüsü
səhifə
7/7
tarix
13.03.2022
ölçüsü
1,79 Mb.
#53725
1
2
3
4
5
6
7
HTML
<b>Browser <a href="/mulkchilikning-shakllanishi.html">oyinasida shakllanishi</a></b>: inline <i>(yuqoridagilarning barchasi)</i>. <br /> <br /><b>Eslatma:</b> Yuqoridagi barcha teglar juft teglardir. <p>12. Mantiqiy formatlash teglari </p> <p>Quyidagi teglar yordamida browserga matn fragmenti nimani anglatishini </p> <p>tushuntirish mumkin: </p> <p> <p> <br /> <br /><cite></cite></p> <br /> <br /> - browserga matnni biror iqtibos yoki ko’chirma ma’lumotning </p> <p>muallifi ekanligini tushuntirish. </p> <p> <p> <br /> <br /><code></code></p> <br /> <br /> </p> <p>- matn bo’lagini <b>dastur kodi</b> sifatida <a href="/sana-0-11-2023-sinf-a-mavzu.html">anglatish</a>; </p> <p> <p> <br /> <br /><abbr></abbr></p> <br /> <br /> </p> <p>- matn bo’lagini <b>abriviatura</b> sifatida anglatish; </p> <p> <p> <br /> <br /><kbd></kbd></p> <br /> <br /> </p> <p>- matn bo’lagini <b>klaviaturada kiritilgan yoki kiritilishi kerak </b></p> <br /> <br /><b>bo’lgan ma’lumot</b> sifatida anglatish; <p> <p> </p> <br /> <br /><q></q> </p> <p> <p>- matn bo’lagini <b>iqtibos</b> sifatida anglatish. Kichik hajmdagi iqtiboslar </p> <br /> <br />uchun ishlatiladi; </p> <p> <p> </p> <br /> <br /><samp></samp> </p> <p> <p>- matn bo’lagini <b>dastur bajarilishining natijasi</b> sifatida </p> <br /> <br />anglatish; </p> <p> <p> </p> <br /> <br /><var></var> </p> <p> <p>- matn bo’lagini <b>o’zgaruvchi nomi</b> sifatida anglatish; </p> <br /> <br /> </p> <p> <br /> <br /><dfn></dfn></p> <p> <p>- matn bo’lagini <b>yangi (noma’lum) termin</b> sifatida anglatish; </p> <br /> <br /> </p> <p> <p> </p> <br /> <br />- browserga matnni muhim kalit so’z ekanligini </p> <p>tushuntirish uchun ishlatiladi; </p> <p> <p> <br /> <br /><em></em> </p> <br /> <br />- browserga matnni bir oz muhim kalit so’z ekanligini tushuntirish </p> <p>uchun ishlatiladi; </p> <p> <p> <br /> <br /><mark> </p> <br /> <br />- matn bo’lagini <b>muhim</b>roq deb anglatish. <br /> <br /><b> </p> <p> va <br /></p> <br /><em> <p> teglaridan </p> <p>farqi shundaki, bu tegni ba’zi browserlar (hammasi emas) sariq fon bilan hosil </p> <p>qiladi; <br /></p> <br /> <p> <br /> <br /><time> </p> <p>- sana va vaqtni anglatish uchun ishlatiladi. Attributi sifatida </p> <p>datetime <br /></p> <br /> <p>attributini </p> <p>ishlatish </p> <p>mumkin. <br /></p> <br />datetime <p> <p>attributining </p> <br /> <br />qiymatini <br /> <br /><yil>-<oy>-<kun>T<soat>:<daqiqa>:<soniya> </p> <p> <p>ko’rinishidagi </p> <br /> <br />formatda </p> <p>berish kerak: </p> <br /> <br /><time>20:00</time> <br /> <br /><time>2-sentabr</time> <br /> <br /><time datetime=”2020-09-14T20:00”>Sentabr 14, 2020</time> <br /> <br /><b>Eslatma:</b> Yuqoridagi barcha teglar juft teglardir. <br /> <br /><b>Browser oyinasida shakllanishi</b>: inline <i>(yuqoridagilarning barchasi)</i>. <p>13. Quyi va yuqori indeks hosil qilish (sub, sup) </p> <br /> <br /><sub> <p> tegi o’z ichidagi matnni joriy qatordan quyiroqqa tushurish hamda hajmini </p> <p>kichiklashtirish orqali quyi indeksni hosil qiladi. <br /></div> <style type="text/css"> </style> <hr /><div id="page8-div" > <br />HTML </p> <p>HASAN <a href="/3-bosqich-05-guruh-talabasi-m-a-raufovaning-malakaviy-amaliyot.html">SHODIYEV </a></p> <p> <br /> <br /><b>Qo’llanilishi: </b> </p> <p>H<sub>2</sub>O </p> <br /> <br /><b>Natija: </b> <p>H <p>2</p> <br /> <br />O <br /> <br /><sup> </p> <p> tegi o’z ichidagi matnni joriy qatordan yuqoriroqqa ko’tarish hamda hajmini </p> <p>kichiklashtirish orqali yuqori indeksni hosil qiladi. <br /> <br /><b>Qo’llanilishi: </b> </p> <p>(a+b)<sup>2</sup> = a<sup>2</sup> + 2ab + b<sup>2</sup> </p> <br /> <br /><b>Natija:</b> <br /> <br /><b> </b> <p>(a+b) <br /></p> <br />2 <p>= a <br /></p> <br />2 <p> + 2ab + b</p> <p>2 <br /> <br /><b>Browser oyinasida shakllanishi:</b> inline. </p> <p>14. Matn bo’laklarini guruhlarga ajratish (span) </p> <br /> <br /><span> <p> tegi yordamida matn bo’laklarini va boshqa </p> <p>inline <p> turdagi teglarni </p> <br /> <br />guruhlarga ajratish mumkin. Bu teg browser oyinasida, boshqa elementlarning “otasi” </p> <p>sifatida ularni bir guruhga birlashtirishdan boshqa hech bir vazifani bajarmaydi. Shunga </p> <p>qaramay, eng ko’p qo’llaniladigan teglardan biri hisoblanadi. Chunki, bu teg yordamida </p> <p>guruhlangan elementlar uchun CSS yordamida umumiy stillarni ta’sir ettirish mumkin. </p> <p>Bu qisqa kod yozish va kod yozishda takrorlashlardan halos bo’lish uchun juda qo’l </p> <p>keladi. <br /></p> <br /><div> <p> tegidan farqli ravishda bu teg o’z ichiga faqatgina </p> <p>inline <p> turdagi teglarni </p> <br /> <br />olishi mumkin. Shu bilan birga o’zi ham browser oyinasida </p> <p>inline <br /></p> <br /> element sifatida <p>shakllanadi. </p> <br /> <br /><b>Browser oyinasida shakllanishi</b>: inline. <p>15. Ro’yxatlar (ul, ol, dl) </p> <p>HTMLda uch xil turdagi ro’yxatlar mavjud. Ular <b>tartibsiz</b>, <b>tartibli</b> hamda <b>izohli</b> </p> <p>ro’yxatlar bo’lib, mos ravishda </p> <br /> <br /><ul> <p>, <br /> <br /><ol></p> <p> hamda <br /> <br /><dl> </p> <p> juft teglari yordamida hosil </p> <p>qilinadi. <br /> <br /><b>Browser oyinasida shakllanishi</b>: block <i>(yuqoridagi uchta teglarning barchasi)</i>. </p> <p>15.1. Tartibsiz ro’yxat (ul) </p> <br /> <br /><ul> <p> juft tegi yordamida tartibsiz ro’yxat hosil qilinadi. Tegning “ul” deb </p> <p>nomlanishi ingliz tilidagi “unordered list” so’zlar birikmasi bilan bog’liq. <br /> <br /><b>Qo’llanilishi: </b> <br /></div> <style type="text/css"> </style> <hr /><div id="page9-div" > <br />HTML </p> <p>HASAN SHODIYEV </p> <p> <p>1. <br /></p> <br /><b><ul></b> </p> <p> <p> </p> <br /> <br />2. </p> <p> <br /></p> <br /><b><li></b> <p>Olma <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />3. </p> <p> <br /></p> <br /><b><li></b> <p>Anor <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />4. </p> <p> <br /></p> <br /><b><li></b> <p>Nok <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />5. </p> <p> <br /></p> <br /><b><li></b> <p>Behi <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />6. </p> <p> <br /></p> <br /><b><li></b> <p>Banan <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />7. <br /> <br /><b></ul></b> </p> <p> <br /> <br /><b>Natija: </b></p> <p> <p> <br /> <br />Olma </p> <br /> <br /> </p> <p> <p>Anor </p> <br /> <br /> </p> <p> <p>Nok </p> <br /> <br /> </p> <p> <p>Behi </p> <br /> <br /> </p> <p> <p>Banan </p> <br /> <br />Bu yerda, har bir <br /> <br /><li> </p> <p> tegi ro’yxatning har bir elementini hosil qilishda ishlatiladi. </p> <p>Shu sababdan ham, <br /> <br /><ul> </p> <p> tegi <br /></p> <br /><li> <p> tegisiz hech qanday ro’yxat elementini hosil qilmaydi. </p> <br /> <br /><ul> <p> tegining vazifasi – browserga ro’yxatning tartibsiz turini shakllantirishi kerak </p> <p>ekanligini tushuntirishdir. <br /> <br /><ul> </p> <p> va <br /></p> <br /><li> <p> teglari orasida va </p> <br /> <br /><li> <p> teglarining o’zaro </p> <p>oralarida matn yoki teglarni qo’llash <b>mumkin emas</b> <i>(faqatgina bo’sh joylar qoldirish </i> <br /> <br /><i>mumkin)</i><b>!</b> </p> <p>Ya’ni, quyidagi kod fragmentining 1 va 3-qatorlari xato hisoblanadi: </p> <p>1. <br /> <br /><b><ul></b> </p> <p> Bu yerda matn va teglarni qo'llash </p> <br /> <br /><b> <p>mumkin emas</p> <br /> <br /></b> <p>! <br /></p> <br /> <p>2. <br /></p> <br /> <br /> <br /><b><li></b> <p>Olma <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />3. </p> <p> Bu yerda ham </p> <br /> <br /><b><i></b> <p>mumkin emas!</p> <br /> <br /><b></i></b> <p> <p> </p> <br /> <br />4. </p> <p> <br /></p> <br /><b><li></b> <p>Anor <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />5. </p> <p> <br /></p> <br /><b><li></b> <p>Nok <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />6. </p> <p> <br /></p> <br /><b><li></b> <p>Behi <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />7. </p> <p> <br /></p> <br /><b><li></b> <p>Banan <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />8. <br /> <br /><b></ul></b> </p> <p> <p> </p> <br /> <br /><b>Attributlari </b> <br /> <br /><ul> </p> <p> tegining yagona </p> <p>type <p> attributi mavjud bo’lib, ro’yxat markerining turini </p> <br /> <br />ko’rsatish uchun ishlatiladi. Uning quyidagi qiymatlari mavjud: </p> <p> <p> </p> <br /> <br />disc </p> <p> – doira <i>(default qiymat)</i>; </p> <p> <p> <br /> <br />circle </p> <br /> <br />– aylana; </p> <p> <p> </p> <br /> <br />square </p> <p> – kvadrat. </p> <p>15.2. Tartibli ro’yxat (ol) <br /> <br /><ol> </p> <p> juft tegi yordamida tartibli ro’yxat hosil qilinadi. Tegning “ol” deb </p> <p>nomlanishi ingliz tilidagi “ordered list” so’zlar birikmasi bilan bog’liq. <br /> <br /><b>Qo’llanilishi: </b> </p> <p>1. <br /></p> <br /><b><ol></b> <p> <p> </p> <br /> <br />2. </p> <p> <br /></p> <br /><b><li></b> <p>Olma <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />3. </p> <p> <br /></p> <br /><b><li></b> <p>Anor <br /></p> <br /><b></li></b> <p> <p> </p> <br /></div> <style type="text/css"> </style> <hr /><div id="page10-div" > <br />HTML </p> <p>HASAN SHODIYEV </p> <p> <p>4. <br /></p> <br /> <br /> <br /><b><li></b> </p> <p>Nok <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />5. </p> <p> <br /></p> <br /><b><li></b> <p>Behi <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />6. </p> <p> <br /></p> <br /><b><li></b> <p>Banan <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />7. <br /> <br /><b></ol></b> </p> <p> <p> </p> <br /> <br /><b>Natija: </b> </p> <p>1. Olma <br /></p> <br />2. Anor <p>3. Nok <br /></p> <br />4. Behi <p>5. Banan </p> <p>Bu yerda ham, <br /> <br /><li> </p> <p> tegi <br /></p> <br /><ul> <p> tegining ichida kelgani kabi vazifani, ya’ni </p> <p>ro’yxatning har bir elementini hosil qilish vazifasini bajaradi. <br /> <br /><ul> </p> <p> va <br /></p> <br /><li> <p> teglari uchun </p> <p>aytilgan barcha qoidalar, <br /> <br /><ol> </p> <p> va <br /></p> <br /><li> <p> teglari uchun ham o’rinlidir. </p> <br /> <br /><b>Attributlari </b> <p> <p> </p> <br /> <br />type </p> <p> – ro’yxatning tartiblanish (raqamlanish) turini ko’rsatadi. Quyidagi </p> <p>qiymatlarni qabul qiladi: </p> <p> <p> </p> <br /> <br />1 </p> <p> – arab sonlari (default qiymat); </p> <p> <p> <br /> <br />A</p> <br /> <br /> – katta <a href="/1-dars-the-alphabet-and-phonetics.html">ingliz harflari</a>; </p> <p> <p> </p> <br /> <br />a </p> <p> – kichik ingliz harflari; </p> <p> <p> <br /> <br />I</p> <br /> <br /> – katta rim raqamlari; </p> <p> <p> </p> <br /> <br />i </p> <p> – kichik rim raqamlari. </p> <p> <p> <br /> <br />start</p> <br /> <br /> – ro’yxatni sanash qaysi o’rindan boshlanishini ko’rsatish uchun </p> <p>ishlatiladi. Qiymati sifatida natural sonlardan foydalanish mumkin. Jimlik </p> <p>holatidagi (default) qiymati – </p> <p>1 <p>; </p> <br /> <br /> </p> <p> <p>reversed </p> <br /> <br />– ro’yxatni kamayish tartibida hosil qilish kerak ekanligini </p> <p>ko’rsatishda ishlatiladi. Masalan, uchta elementdan iborat ro’yxat (1,2,3) kabi </p> <p>tartiblansa, bu attributdan foydalanilganda (3,2,1) kabi tartiblanadi. </p> <p>15.3. Ro’yxatlarni ichma-ich qo’llash </p> <br /> <br /><li> <p> tegi browser oyinasida “block” xususiyatli element sidatida shakllantiriladi. </p> <p>Shu sababda, uning ichida boshqa “block” xususiyatli teglardan ham foydalanish </p> <p>mumkin <i>(albatta, </i></p> <br /> <br /><h2> <br /> <br /><i> va </i> <br /><i> kabi mantiqiy formatlash teglaridan foydalanish mantiqan </i> <br /> <br /><i>noto’g’ri bo’lardi)</i>. Hattoki, uning farzandi sifatida <br /> <br /><ul> <p> va <br /></p> <br /><ol> <p> teglarini ham qo’llash </p> <p>mumkin. Bu bizga ichma-ich ro’yxatlar hosil qilish imkonini beradi: </p> <p>1. <br /></p> <br /><b><h2></b> <p>Bizning bog'</p> <br /> <br /><b></h2></b> <p> <p> </p> <br /> <br />2. <br /> <br /><b><ol></b> </p> <p> <p> </p> <br /> <br />3. </p> <p> <br /></p> <br /><b><li></b> <p> <p> </p> <br /> <br />4. </p> <p> <br /></p> <br /><b> <p>Olmalar <br /></p> <br /></b> <p> <p> </p> <br /> <br />5. </p> <p> <br /></p> <br /><b><ul></b> <p> <p> </p> <br /> <br />6. </p> <p> </p> <br /> <br /><b><li></b> <p>Melba <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />7. </p> <p> </p> <br /> <br /><b><li></b> <p>Medunitsa</p> <br /> <br /><b></li></b> <p> <p> </p> <br /> <br />8. </p> <p> </p> <br /> <br /><b><li></b> <p>Orlovim <br /></p> <br /><b></li></b> <p> <p> </p> <br /></div> <style type="text/css"> </style> <hr /><div id="page11-div" > <br />HTML </p> <p>HASAN SHODIYEV </p> <p> <p>9. <br /></p> <br /> <br /> <br /><b><li></b> </p> <p>Semerenko</p> <br /> <br /><b></li></b> <p> <p> </p> <br /> <br />10. </p> <p> <br /></p> <br /><b></ul></b> <p> <p> </p> <br /> <br />11. </p> <p> <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />12. </p> <p> <br /></p> <br /><b><li></b> <p> <p> </p> <br /> <br />13. </p> <p> <br /></p> <br /><b> <p>Noklar <br /></p> <br /></b> <p> <p> </p> <br /> <br />14. </p> <p> <br /></p> <br /><b><ol></b> <p> <p> </p> <br /> <br />15. </p> <p> </p> <br /> <br /><b><li></b> <p>Limon <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />16. </p> <p> </p> <br /> <br /><b><li></b> <p>Lada <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />17. </p> <p> </p> <br /> <br /><b><li></b> <p>Sincap <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />18. </p> <p> <br /></p> <br /><b></ol></b> <p> <p> </p> <br /> <br />19. </p> <p> <br /></p> <br /><b></li></b> <p> <p> </p> <br /> <br />20. </p> <p> <br /></p> <br /><b><li></b> <p>Hammasida ham ichma-ich ishlatish shart emas </p> <p>😉 <br /> <br /><b></li></b> </p> <p> <p> </p> <br /> <br />21. <br /> <br /><b></ol></b> </p> <p> <p> </p> <br /> <br /><b>Browser oyinasida shakllanishi:</b> block. </p> <p>15.4. Izohli ro’yxat (dl, dt, dd) </p> <p>Izohli ro’yxat biron odatda atamalar va ularning izohlaridan tashkil topgan </p> <p>ro’yxatlarni hosil qilish uchun ishlatiladi. Buday ro’yxatlar </p> <br /> <br /><dl> <p>, <br /> <br /><dt></p> <p> va <br /> <br /><dd> </p> <p> teglari </p> <p>yordamida quyidagicha tashkil qilinadi: </p> <p>1. <br /></p> <br /><b><h2></b> <p>Web dasturlashning frontend qismi</p> <br /> <br /><b></h2></b> <p> <p> </p> <br /> <br />2. <br /> <br /><b><dl></b> </p> <p> <p> </p> <br /> <br />3. </p> <p> <br /></p> <br /><b><dt></b> <p> <p> </p> <br /> <br />4. </p> <p> <br /></p> <br /><b> <p>HTML - HyperText Markup Language</p> <br /> <br /></b> <p> <p> </p> <br /> <br />5. </p> <p> <br /></p> <br /><b></dt></b> <p> <p> </p> <br /> <br />6. </p> <p> <br /></p> <br /><b><dd></b> <p> <p> </p> <br /> <br />7. </p> <p> Web dasturlashning asosi bo'lib, browserga matnning qaysi bo'lagi </p> <p> <p>8. <br /></p> <br /> nima ekanligini tushuntirish uchun ishlatiladi. Bundan tashqari HTML </p> <p> <p>9. </p> <br /> <br /> yordamida sahifaga media fayllar, boshqarish elementlari, hamda </p> <p> <p>10. </p> <br /> <br /> boshqa turli fayllarga havolalarni joylashtirish mumkin. </p> <p> <p>11. </p> <br /> <br /> <br /> <br /><b></dd></b> </p> <p> <p> </p> <br /> <br />12. </p> <p> <br /></p> <br /> <p>13. <br /></p> <br /> <br /> <br /><b><dt></b> <p> <p> </p> <br /> <br />14. </p> <p> <br /></p> <br /><b> <p>CSS - Cascading Style Sheets</p> <br /> <br /></b> <p> <p> </p> <br /> <br />15. </p> <p> <br /></p> <br /><b></dt></b> <p> <p> </p> <br /> <br />16. </p> <p> <br /></p> <br /><b><dd></b> <p> <p> </p> <br /> <br />17. </p> <p> HTML-hujjat elementlarining ko'rinishini o'zgartirish orqali </p> <p> <p>18. <br /></p> <br /> sahifaga bezak berishda qo'llaniladi. </p> <p> <p>19. </p> <br /> <br /> <br /> <br /><b></dd></b> </p> <p> <p> </p> <br /> <br />20. </p> <p> <p> </p> <br /> <br />21. </p> <p> <br /></p> <br /><b><dt></b> <p> <p> </p> <br /> <br />22. </p> <p> <br /></p> <br /><b> <p>JavaScript</p> <br /> <br /></b> <p> <p> </p> <br /> <br />23. </p> <p> <br /></p> <br /><b></dt></b> <p> <p> </p> <br /> <br />24. </p> <p> <br /></p> <br /><b><dd></b> <p> <p> </p> <br /> <br />25. </p> <p> Web dasturchilar uchun aynan JavaScriptdan boshlab haqiqiy </p> <p> <p>26. <br /></p> <br /> dasturlash boshlanadi. Uni o'rgangandan keyingina o'zingizni </p> <p> <p>27. </p> <br /> <br /> "Web dasturchi" deb atashingiz mumkin! JavaScript web </p> <p> <p>28. </p> <br /> <br /> browser'da foydalanuvchi harakatlariga reaksiya beruvchi ajoyib </p> <p> <p>29. </p> <br /> <br /> web sahifalarni yaratish uchun qo'llaniladi. Hozirda dasturlash </p> <p> <p>30. </p> <br /> <br /> tillarining Dunyo reytingida birinchi o'rinni egallab turibdi. </p> <p> <p>31. </p> <br /> <br /> Bunga sabab, WWW texnologiyasi orqali ma'lumot almashinish hajmi </p> <p> <p>32. </p> <br /> <br /> kun sayin ortib borayotgani va JavaScript yordamida istalgan platforma </p> <p> <p>33. </p> <br /> <br /> uchun dastur yaratish mumkinligidir. </p> <p> <p>34. </p> <br /> <br /> <br /> <br /><b></dd></b> </p> <p> <p> </p> <br /> <br />35. <br /> <br /><b></dl></b> </p> <p> <p> </p> <br /> <br /><b>Eslatma:</b> <br /> <br /><b> </b><ol> </p> <p>, <br /> <br /><li></p> <p> hamda <br /> <br /><ul> </p> <p>, <br /> <br /><li></p> <p> teglar juftligi uchun bo’lgani kabi, <br /> <br /><dl> </p> <p>, <br /> <br /><dt></p> <p> hamda <br /> <br /><dd> </p> <p> teglari oralarida ham boshqa matn hamda teglardan foydalanish </p> <p>mumkin emas! <br /></div> <style type="text/css"> </style> <hr /><div id="page12-div" > <br />HTML </p> <p>HASAN SHODIYEV </p> <p> <br /> <br /><b>Browser oyinasida shakllanishi:</b> block (dl, dt, dd). </p> <p> <p>16. Grafika </p> <br /> <br />Tasvir – web-sahifani yoqimli qilishda katta o’rin egallaydi. Sahifa fonida hamda </p> <p>kontent ichida tasvirlardan to’g’ri foydalanish, zerikarli web-sahifa sabab </p> <p>foydalanuvchilarni yo’qotish muammosidan halos etish bilan birga, sahifadagi </p> <p>ma’lumotlarni ya’nada tushunarli bo’lishida ham qo’l keladi. </p> <p>16.1. Web-sahifada sur’at hosil qilish (img) <br /> <br /><img> </p> <p> toq tegi yordamida web-sahifada sur’at hosil qilish mumkin. </p> <br /> <br /><b>Attributlari </b> <p>Majburiy attributlar <i>(qo’llash shart bo’lgan attributlar)</i>: </p> <p> <p> <br /> <br />src</p> <br /> <br /> – sur’at faylining absolut yoki nisbiy <i>(sur’at joylashtirilayotgan HTML-</i> <br /> <br /><i>hujjatga nisbatan)</i> URL-manzili. ; </p> <p> <p> </p> <br /> <br />alt </p> <p> – sur’atning so’zlardagi ifodasi. Qiymati sifatida sur’at tarkibini </p> <p>ifodalovchi istalgan matndan foydalanish mumkin. Bu attributning qiymati </p> <p>sifatida yozilgan matn, sur’at yuklanmay qolganda yoki </p> <p>src <p> attributida </p> <br /> <br />ko’rsatilgan manzilda mavjud bo’lmaganda sur’atning o’rnida ko’rinadi. </p> <p>Majburiy bo’lmagan attributlar: </p> <p> <p> <br /> <br />width</p> <br /> <br /> – sur’atning browser oyinasidagi kengligi. Qiymati sifatida </p> <p>px <p> yoki </p> <br /> <br />% </p> <p> <p>o’lchov birliklaridagi </p> <br /> <br />nomanfiy son </p> <p>lardan foydalanish mumkin. O’lchov birligi </p> <p>ko’rsatilmagan holda, browser kenglikni </p> <p>px <p> o’lchov birligida deb hisoblaydi. </p> <br /> <br />Qiymat </p> <p>% <p> o’lchov birligida ko’rsatilgan taqdirda, browser sur’atning kengligini </p> <br /> <br />“ota” element kengligining ko’rsatilgan miqdordagi foizicha <a href="/fikrni-belgilaydi-hujjat-turini-belgilaydi.html">qilib belgilaydi</a>; </p> <p> <p> </p> <br /> <br />height </p> <p>- sur’atning browser oyinasidagi balandligi. Qiymati sifatida </p> <p>px <p> yoki <br /></p> <br />% </p> <p> <p>o’lchov birliklaridagi </p> <br /> <br />nomanfiy son </p> <p>lardan foydalanish mumkin. O’lchov birligi </p> <p>ko’rsatilmagan holda, browser balandlikni </p> <p>px <p> o’lchov birligida deb hisoblaydi. </p> <br /> <br />Qiymat </p> <p>% <p> o’lchov birligida ko’rsatilgan taqdirda, browser sur’atning </p> <br /> <br />balandligini “ota” element balandligining </p> <p>height <br /></p> <br /><b>(CSS)</b> attributida <p>ko’rsatilgan miqdordagi foizicha qilib belgilaydi. Bunda, “ota” elementning </p> <p>ham balandligi aniq ko’rsatilgan bo’lishi kerak <b>(CSS)</b>. Aks holda, </p> <p>height <br /></p> <br /> <p>attributi uchun qiymatni </p> <p>% <p>da berish hech qanday natija bermaydi. </p> <br /> <br />width </p> <p> va <br /></p> <br />height <p> attributlari birga ishlatilgan holda, sur’atning real kenglik hamda </p> <p>balandligiga mos proporsiyadagi qiymatlar berilmasa, browser oyinasida sur’at </p> <p>deformatsiyalangan holatga kelib qoladi. Bu attributlarning biridan foydalanib </p> <p>ikkinchisidan foydalanilmagan holda, foydalanilganining qiymatiga ko’ra, </p> <p>sur’atning real o’lchamlariga proporsional ravishda ikkinchisining qiymati </p> <br /></div> <style type="text/css"> </style> <hr /><div id="page13-div" > <br />HTML <p>HASAN SHODIYEV </p> <p> <p>browser <br /></p> <br />tomonida </p> <p>automatik </p> <p>tarzda </p> <p>tanlanadi. </p> <p>Bu <p>sur’at <br /></p> <br />deformatsiyalanmasligi uchun yaxshi yechimdir; </p> <p> <p> </p> <br /> <br />vspace </p> <p> – sur’atning yuqori hamda quyi qo’shnilarigacha bo’lgan masofani </p> <p>belgilash. Qiymati sifatida noldan farqli istalgan sondan foydalanish mumkin <br /> <br /><i>(bu attribut eskirgan attribut sifatida standartdan chiqarilgan)</i>; </p> <p> <p> </p> <br /> <br />hspace </p> <p>- sur’atning chap hamda o’ng qo’shnilarigacha bo’lgan masofani </p> <p>belgilash. Qiymati sifatida noldan farqli istalgan sondan foydalanish mumkin <br /> <br /><i>(bu attribut eskirgan attribut sifatida standartdan chiqarilgan)</i>. <br /> <br /><b>Sur’atni absolut URL-manzili orqali joylashtirish </b> </p> <p>Web-sahifaga sur’atni uning to’loq URL-mazilini (joylashgan joyini) ko’rsatish </p> <p>orqali ham joylash mumkin. Bunda sur’at biror web-serverda yoki shaxsiy </p> <p>kompyuterimizda joylashgan bo’lishi mumkin. Albatta, shaxsiy kompyuterimizdagi </p> <p>sur’atning to’liq manzilidan foydalanishimiz yaxshi emas. Chunki, biz sahifamizni web- </p> <p>serverlarda saqlaymiz. Web-serverda joylashgan sahifamizda, kompyuterimizdagi faylni </p> <p>yuklab ko’rsatishning esa iloji yo’q. Bunga sabab xavfsizlikni ta’minlash bilan bog’liqdir. </p> <p>Agar mumkin bo’lgan taqdirda ham, kompyuterimiz sur’atni internet orqali har doim </p> <p>uzatib turish uchun uzluksiz internetga ulangan yoki yoniq holatda bo’la olmaydi. </p> <p>Web-serverda joylashgan faylning absolut URL-manzilini quyidagicha </p> <p>ko’rsatishimiz mumkin: </p> <p>1. <br /></p> <br /><b> <br /></b> <p> <p> </p> <br /> <br />2. </p> <p> <br /></p> <br /><b><img</b> <p> <p>src</p> <br /> <br />= </p> <p>"https://sc01.alicdn.com/kf/UTB8ou8hOyDEXKJk43Oqq6Az3XXaz.jpg"</p> <p> <p>alt <br /></p> <br />= </p> <p>"Red app <br /></p> <br />le image, .jpg" <br /> <br /><b>></b> <p> <p> </p> <br /> <br />3. <br /> <br /><b> <br /></b> </p> <p> <p> </p> <br /> <br /><b>Sur’atni u qo’llanilayotgan HTML-hujjat joylashgan joyga nisbatan </b> <br /> <br /><b>manzilini ko’rsatish </b> </p> <p>Faraz qiling, bizning web-sahifa <i>(olmalar.html)</i> hamda unga joylamoqchi bo’lgan </p> <p>sur’atimiz <i>(olma.jpg)</i> web-serverdagi <b>fermer.uz</b> nomli saytimiz papkasida 1-rasmdagi </p> <p>kabi joylashgan. </p> <p>Bu holda, </p> <p>olma.jpg <br /></p> <br /> nomli sur’atning manzilini <p>olmalar.html</p> <p> sahifamizga (ya’ni </p> <p>u joylanayotgan sahifamizga) nisbatan quyidagicha ko’rsatishimiz mumkin <i>(src </i></p> <br /> <br /><i>attributiga e’tibor bering)</i>: <p>1. <br /></p> <br /><b> <br /> <p> <p>align</p> <br /> <br />= </p> <p>"center" <br /></p> <br /><b>></b> <p> <p> </p> <br /> <br />2. </p> <p> <br /></p> <br /><b><img</b> <p> <p>src</p> <br /> <br />= </p> <p>"./../../rasmlar/mevalar/olma.jpg"</p> <p> <p>alt <br /></p> <br />= </p> <p>"Red apple, Qizil olma, .jpg"</p> <br /> <br /><b>></b> <p> <p> </p> <br /> <br />3. <br /> <br /><b> <br /></b> </p> <p> <p> </p> <br /> <br />Bu yerda, </p> <p>./ <p> – joriy papka<i>(fermer.uz/sahifalar/mevalar)</i>ni; </p> <br /></div> <style type="text/css"> </style> <hr /><div id="page14-div" > <br />HTML </p> <p>HASAN SHODIYEV </p> <p> <p>../ <br /></p> <br /> – undan bitta yuqoridagi papka<i>(fermer.uz/sahifalar)</i>ga </p> <p><a href="/mavzu-kasbiy-faoliyatda-stresning-yuzaga-kelishi-mundarija-kir.html">chiqishni</a>; </p> <p>../ <p> – chiqilgan papka<i>(fermer.uz/sahifalar)</i>dan yana bitta </p> <br /> <br />yuqori<i>(fermer.uz)</i>ga chiqishni; </p> <p>rasmlar/ <br /></p> <br /> – “fermer.uz/rasmlar” papkasiga kirishni; <p>mevalar/ <br /></p> <br /> – “fermer.uz/rasmlar/mevalar” papkasiga kirishni; <p>olma.jpg <br /></p> <br /> – esa yuklanishi kerak bo’lgan sur’atni bildiradi. <br /> <br /><b>Browser oyinasida shakllanishi:</b> inline. <p> <p>17. Giperhavolalar (a) </p> <br /> <br />Giperhavolalar ustiga sichqoncha tugmasini bosish orqali </p> <p>joriy hujjatdan boshqa hujjatga tezda o’tish imkonini beradi. Aynan giperhavolalar web-</p> <p>saytning barcha sahifalarini o’zaro bog’lash uchun xizmat qiladi. <br /> <br /><b>Browser oyinasida shakllanishi:</b> inline. </p> <p>17.1. Tashqi giperhavolalar </p> <p>Tashqi giperhavolalar HTML-hujjatda <br /> <br /><a> </p> <p> tegi orqali hosil qilinadi. </p> <br /> <br /><a> <p> tegi <br /></p> <br /><body> <p> tegidan tashqari kamida bitta </p> <p>block <p> xususiyatli ota-elementga ega bo’lishi shart. </p> <br /> <br />Masalan, <br />, <br /> <br /><div> </p> <p> va h.k. </p> <p>href <p> <br /> <br /><a></p> <br /> <br /> tegining asosiy attributi hisoblanadi. Aynan shu attribut yordamida <br /> <br /><b>ko’rsatgich</b>ga sichqoncha tugmasi bosilganda yuklanishi kerak bo’lgan web- </p> <p>sahifa(hujjat)ning URL-manzili ko’rsatiladi. </p> <p>1. <br /> <br /><b> <br /></b> </p> <p> <p> </p> <br /> <br />2. </p> <p> <br /></p> <br /><b><a</b> <p> <p>href</p> <br /> <br />= </p> <p>"http://www.mysite.uz/file.html"</p> <br /> <br /><b>></b> <p>Bu yerda ko'rsatkich joylashadi</p> <br /> <br /><b></b> <p> <p> </p> <br /> <br />3. <br /> <br /><b> <br /></b> </p> <p> <p> </p> <br /> <br />Ko’rsatkich sifatida matndan: </p> <p>1. <br /></p> <br /><b> <br /></b> <p> <p> </p> <br /> <br />2. </p> <p> <br /></p> <br /><b><a</b> <p> <p>href</p> <br /> <br />= </p> <p>"http://www.mysite.uz/file.html"</p> <br /> <br /><b>></b> <p>Ko'rsatkich matni</p> <br /> <br /><b></b> <p> <p> </p> <br /> <br />3. <br /> <br /><b> <br /></b> </p> <p> <p>yoki sur’at va boshqa shunga o’xshash boshqa elementlardan foydalanish mumkin: </p> <br /> <br />1. <br /> <br /><b> <br /></b> </p> <p> <p> </p> <br /> <br />2. </p> <p> <br /></p> <br /><b><a</b> <p> <p>href</p> <br /> <br />= </p> <p>"http://www.mysite.uz/file.html"</p> <br /> <br /><b>></b> <p> <p> </p> <br /> <br />3. </p> <p> <br /></p> <br /><b><img</b> <p> <p>src</p> <br /> <br />= </p> <p>"photo.gif"</p> <p> <p>alt <br /></p> <br />= </p> <p>"Alternativ matn"</p> <br /> <br /><b>></b> <p> <p> </p> <br /> <br />4. </p> <p> <br /></p> <br /><b></b> <p> <p> </p> <br /> <br />5. <br /> <br /><b> <br /></b> </p> <p> <p> </p> <br /> <br /><a> </p> <p> tegi orqali faqatgina HTML-hujjatlarga emas, balki, boshqa turdagi fayllarga </p> <p>ham havolalar joylashtirish mumkin – masalan, sur’at, arxiv va h.k. Bunda, odatda havola </p> <p>orqali o’tish amalga oshiriladi va faylning tarkibi web-browser oynasida ochiladi. Agar </p> <p>browser faylni ocha olmasa, u holda browser faylni yuklashni boshlaydi. <br /> <br /><i>1-rasm</i> <br /> <br /><i> </i> <br /></div> <style type="text/css"> </style> <hr /><div id="page15-div" > <br />HTML </p> <p>HASAN SHODIYEV </p> <p> <p>HTML5da <br /></p> <br /><a> </p> <p> tegi <br /></p> <br />download <p> attributiga ega bo’lib, u orqali browserga faylni </p> <p>ochish emas, yuklash kerak ekanligini bildirish mumkin. Bunda, browserda faylni ochish </p> <p>imkoniyati mavjud bo’lgan taqdirda ham u ochilmaydi va yuklanishni boshlaydi. </p> <p>download </p> <p> attributining qiymati sifatida faylning foydalanuvchi kompyuteriga </p> <p>yuklangandagi nomini ko’rsatish mumkin. Bunda, filening MIME-turini </p> <p>type <br /></p> <br /> attributi <p>orqali ko’rsatish kerak: </p> <p>1. <br /> <br /><b> <br /></b> </p> <p> <p> </p> <br /> <br />2. </p> <p> <br /></p> <br /><b><a</b> <p> <p>href</p> <br /> <br />= </p> <p>"photo.gif"</p> <br /> <br /><b>></b> <p>Ochish <br /></p> <br /><b></b> <p> <br /> <br /><b></p> <br /></b> <p> <p> </p> <br /> <br />3. </p> <p> <br /></p> <br /><b><a</b> <p> <p>href</p> <br /> <br />= </p> <p>"photo.gif"</p> <p> download </p> <p>type <br /></p> <br />= <p>"image/gif"</p> <br /> <br /><b>></b> <p>Yuklab olish</p> <br /> <br /><b></b> <p> <br /> <br /><b></p> <br /></b> <p> <p> </p> <br /> <br />4. </p> <p> <br /></p> <br /><b><a</b> <p> <p>href</p> <br /> <br />= </p> <p>"photo.gif"</p> <p> <p>download <br /></p> <br />= </p> <p>"test.gif"</p> <p> <p>type <br /></p> <br />= </p> <p>"image/gif"</p> <br /> <br /><b>></b> <p> <p> </p> <br /> <br />5. </p> <p> Faylni yuklab olish va "test.gif" nomi bilan saqlash </p> <p> <p>6. <br /></p> <br /> <br /> <br /><b></b> </p> <p> <p> </p> <br /> <br />7. <br /> <br /><b> <br /></b> </p> <p> <p> </p> <br /> <br />Agar URL-manzil tarkibida </p> <p>& <p> belgisi qatnashgan bo’lsa, uni HTML-ekvivalenti </p> <br /> <br />bo’lgan – </p> <p>& <br /></p> <br /> bilan almashtirish kerak: <p>1. <br /></p> <br /><b><a</b> <p> <p>href</p> <br /> <br />= </p> <p>"index.php?id=5&name=Hasan"</p> <br /> <br /><b>></b> <p>Ko'rsatkich matni</p> <br /> <br /><b></b> <p> <p> </p> <br /> <br />URL-manzillar <i>absolut</i> va <i>nisbiy</i> ko’rinishlarda bo’ladi. <br /> <br /><b>Absolut URL-manzil </b> </p> <p>Absolut URL-manzil tarkibida protokol va domen nomi yoki kompyuter IP-</p> <p>manzili, fayl joylashuvining manzili, hamda fayl nomi bo’lishi mumkin: </p> <p>http://www.mysite.uz/folder/sub_folder/file.html</p> <p> <p>http://233.44.44.31:8000/folder1/folder2/sub_folder/file.jpg</p> <br /> <br /> </p> <p>Agar file ildiz (eng yuqoridagi, ko’pincha “root folder” deb ham ataladi) papkada </p> <p>hoylashgan bo’lsa, u holda fayl joylashuvining manzili ko’rsatilmasligi mumkin: </p> <p>http://www.mysite.uz/file.html</p> <p> <p>Fayl nomini ham ko’rsatmaslik mumkin. Bunday holatda Web-serverning </p> <br /> <br />sozlamalarida ko’rsatilgan nomdagi Web-sahifa yuklanadi (ko’p hollarda </p> <p>index.html</p> <p> <p>yoki <br /></p> <br />index.php </p> <p> nomdagi fayllar bo’ladi): </p> <p>http://www.mysite.uz/ </p> <p> <p>http://www.mysite.uz/folder/</p> <br /> <br /> <br /> <br /><b>Nisbiy URL-manzil </b> </p> <p>Nisbiy URL-manzilni ko’rsatish haqida “Sur’atni u qo’llanilayotgan HTML-hujjat </p> <p>joylashgan joyga nisbatan manzilini ko’rsatish” mavzusida gaplashgandik. </p> <p>Ko’pincha hujjatni yangi oynada ochish kerak bo’ladi. Buning uchun </p> <br /> <br /><a> <p> tegining </p> <p>target <p> attributida </p> <br /> <br />_blank </p> <p> qiymatdan foydalanish kerak: </p> <br /></div> <style type="text/css"> </style> <hr /><div id="page16-div" > <br />HTML <p>HASAN SHODIYEV </p> <p> <p>1. <br /></p> <br /><b><a</b> </p> <p> <p>href</p> <br /> <br />= </p> <p>"http://www.mysite.uz/file.html"</p> <p> <p>target <br /></p> <br />= </p> <p>"_blank" <br /></p> <br /><b>></b> <p>Ko'rsatkich</p> <br /> <br /><b></b> <p> <p> </p> <br /> <br />17.2. Ichki giperhavolalar </p> <p>Ichki giperhavolalar yordamida joriy Web-sahifaning turli bo’limlariga havolalar </p> <p>yaratish mumkin. Agar Web-sahifa juda katta bo’lsa, u holda ichki giperhavolalardan </p> <p>foydalanish sahifaning bo’limlariga o’zaro tezda o’tishni osonlashtiradi. </p> <p>Ichki giperhavolalar ham <br /> <br /><a> </p> <p> tegi yordamida hosil qilinadi, faqat </p> <p>href <p> attributining </p> <br /> <br />qiymatida URL-manzil emas, <b>“nishon” </b>nomi bo’lishi bilan farq qiladi. “Nishon” </p> <p>nomining oldidan </p> <p># <p> belgisi qo’yiladi: </p> <br /> <br />1. <br /> <br /><b><a</b> </p> <p> <p>href</p> <br /> <br />= </p> <p>"#chapter1"</p> <br /> <br /><b>></b> <p>Birinchi bo’lim</p> <br /> <br /><b></b> <p> <p> </p> <br /> <br />Bundan tashqari, boshqa hujjatning “nishon”iga ham havola qilish mumkin. Bu </p> <p>quyidagicha qilinadi: </p> <p>1. <br /> <br /><b><a</b> </p> <p> <p>href</p> <br /> <br />= </p> <p>"http://www.mysite.uz/file.html#chapter1"</p> <br /> <br /><b>></b> <p>Ko'rsatkich</p> <br /> <br /><b></b> <p> <p> </p> <br /> <br />“Nishon” elementga yagona identifikator berishda qo’llaniladigan </p> <p>id <p> attributi </p> <br /> <br />yordamida yaratiladi. Barcha element(teg)lar bu attributga ega (qo’llab-quvvatlaydi). </p> <p>Quyida ichki giperhavolalardan iborat hujjatga misol keltirilgan: </p> <p>1. <br /> <br /> <br /><b>></b> </p> <p> <p> </p> <br /> <br />2. <br /> <br /><b><html></b> </p> <p> <p> </p> <br /> <br />3. </p> <p> <br /></p> <br /><b><head></b> <p> <p> </p> <br /> <br />4. </p> <p> <br /></p> <br /><b><meta</b> <p> <p>charset</p> <br /> <br />= </p> <p>"utf-8" <br /></p> <br /><b>></b> <p> <p> </p> <br /> <br />5. </p> <p> <br /></p> <br /><b><title></b> <p>Ichki havolalarni yaratish</p> <br /> <br /><b></title></b> <p> <p> </p> <br /> <br />6. </p> <p> <br /></p> <br /><b><style></b> <p> <p> </p> <br /> <br />7. </p> <p> p { </p> <p> <p>8. <br /></p> <br /> margin-bottom: 150px; </p> <p> <p>9. </p> <br /> <br /> } </p> <p> <p>10. </p> <br /> <br /> <br /> <br /><b></style></b> </p> <p> <p> </p> <br /> <br />11. </p> <p> <br /></p> <br /><b></head></b> <p> <p> </p> <br /> <br />12. </p> <p> <br /></p> <br /><b><body></b> <p> <p> </p> <br /> <br />13. </p> <p> <br /></p> <br /><b><h2></b> <p>Hujjat nomi</p> <br /> <br /><b></h2></b> <p> <p> </p> <br /> <br />14. </p> <p> <br /></p> <br /><b><h2></b> <p>Sarlovha <br /></p> <br /><b></h2></b> <p> <p> </p> <br /> <br />15. </p> <p> <br /></p> <br /><b><ul></b> <p> <p> </p> <br /> <br />16. </p> <p> </p> <br /> <br /><b><li></b> <p> <p> </p> <br /> <br />17. </p> <p> </p> <br /> <br /><b><a</b> <p> <p>href</p> <br /> <br />= </p> <p>"#chapter1"</p> <br /> <br /><b>></b> <p>1-bo'lim <br /></p> <br /><b></b> <p> <p> </p> <br /> <br />18. </p> <p> </p> <br /> <br /><b></li></b> <p> <p> </p> <br /> <br />19. </p> <p> </p> <br /> <br /><b><li></b> <p> <p> </p> <br /> <br />20. </p> <p> </p> <br /> <br /><b><a</b> <p> <p>href</p> <br /> <br />= </p> <p>"#chapter2"</p> <br /> <br /><b>></b> <p>2-bo'lim <br /></p> <br /><b></b> <p> <p> </p> <br /> <br />21. </p> <p> </p> <br /> <br /><b></li></b> <p> <p> </p> <br /> <br />22. </p> <p> </p> <br /> <br /><b><li></b> <p> <p> </p> <br /> <br />23. </p> <p> </p> <br /> <br /><b><a</b> <p> <p>href</p> <br /> <br />= </p> <p>"#chapter3"</p> <br /> <br /><b>></b> <p>3-bo'lim <br /></p> <br /><b></b> <p> <p> </p> <br /> <br />24. </p> <p> </p> <br /> <br /><b></li></b> <p> <p> </p> <br /> <br />25. </p> <p> </p> <br /> <br /><b><li></b> <p> <p> </p> <br /> <br />26. </p> <p> </p> <br /> <br /><b><a</b> <p> <p>href</p> <br /> <br />= </p> <p>"#chapter4"</p> <br /> <br /><b>></b> <p>4-bo'lim <br /></p> <br /><b></b> <p> <p> </p> <br /> <br />27. </p> <p> </p> <br /> <br /><b></li></b> <p> <p> </p> <br /> <br />28. </p> <p> <br /></p> <br /><b></ul></b> <p> <p> </p> <br /> <br />29. </p> <p> <br /></p> <br /><b><h2> <p> <p>id</p> <br /> <br />= </p> <p>"chapter1"</p> <br /> <br /><b>></b> <p>1-bo'lim <br /></p> <br /><b></h2></b> <p> <p> </p> <br /> <br />30. </p> <p> <br /></p> <br /><b> <br /></b> <p>1-bo'limning tarkibi</p> <br /> <br /><b> <br /></b> <p> <p> </p> <br /> <br />31. </p> <p> <br /></p> <br /><b><h2> <p> <p>id</p> <br /> <br />= </p> <p>"chapter2"</p> <br /> <br /><b>></b> <p>2-bo'lim <br /></p> <br /><b></h2></b> <p> <p> </p> <br /> <br />32. </p> <p> <br /></p> <br /><b> <br /></b> <p>2-bo'limning tarkibi</p> <br /> <br /><b> <br /></b> <p> <p> </p> <br /> <br />33. </p> <p> <br /></p> <br /><b><h2> <p> <p>id</p> <br /> <br />= </p> <p>"chapter3"</p> <br /> <br /><b>></b> <p>3-bo'lim <br /></p> <br /><b></h2></b> <p> <p> </p> <br /> <br />34. </p> <p> <br /></p> <br /><b> <br /></b> <p>3-bo'limning tarkibi</p> <br /> <br /><b> <br /></b> <p> <p> </p> <br /></div> <style type="text/css"> </style> <hr /><div id="page17-div" > <br />HTML </p> <p>HASAN SHODIYEV </p> <p> <p>35. <br /></p> <br /> <br /> <br /><b><h2> </p> <p> <p>id</p> <br /> <br />= </p> <p>"chapter4"</p> <br /> <br /><b>></b> <p>4-bo'lim <br /></p> <br /><b></h2></b> <p> <p> </p> <br /> <br />36. </p> <p> <br /></p> <br /><b> <br /></b> <p>4-bo'limning tarkibi</p> <br /> <br /><b> <br /></b> <p> <p> </p> <br /> <br />37. </p> <p> <br /></p> <br /> <p> <p>8. </p> <br /> <br /> <br /> <br /><b><h2></b> </p> <p>Sahifa ichida sahifa</p> <br /> <br /><b></h2></b> <p> <p> </p> <br /> <br />9. </p> <p> <br /></p> <br /><b> <br /></b> <p>Bu sahifaning tarkibida yana boshqa sahifa ham bor.</p> <br /> <br /><b> <br /></b> <p> <p> </p> <br /> <br />10. </p> <p> <br /></p> <br /><b><iframe</b> <p> src <br /></p> <br />= <p>"./qandaydir_sahifa.html"</p> <p> <p>name <br /></p> <br />= </p> <p>"frame1" <br /></p> <br /><b>>
11.
