Ishlatiladi. Misol : Salom Dunyo

|
Ishlatiladi. Misol : Salom Dunyo
|
Sana | 13.05.2024 | Hajmi | 94,13 Kb. | | #230016 |
Bog'liq 1-Amaliy mashg‘ulot. HTML tilida matn, ro‘yhat, jadval va forma elementlari bilan ishlash. 1-Amaliy mashg‘ulot. HTML tilida matn, ro‘yhat, jadval va forma elementlari bilan ishlash.
ISHNING MAQSADI: Talabalarni HTMLga kirish, uning asosiy elementlari, teg tushunchasi bilan tanishtirish
NAZARIY QISM: HTML –web sahifa yaratish uchun kiritgan har bir kodizni o‘z ichiga oluvchi hujjat turi bo‘ladi.
HTML editor – editor Ingilizcha so‘z bo‘lib, o‘zbekchada yozuvchi degan ma’noga yaqindir, u HTML Kodlarini kiritish uchun ishlatiladigan dasturdir. Har kim har hil editorni tanlaydi biz hozircha Bloknot dan foydalanamiz. Men o‘zim Bloknot++ 5.7 dan foydalanaman sizlarga o‘rgatishim mobaynida. Dars boshlashdan oldin Bloknot bo‘lishi shart, chunki kodlarni yozib mashq qilib o‘rganamiz. Har bir darsda ma'lum bir funksiyaning HTML kodi misol qilib berilgandir, shu kodlarni o‘ziz ham Bloknotga ko‘chirib (ba'zi o‘zgartirish kiritishingiz mumkin kerak hollarda) bir vaqtning o‘zida har bir o‘zizni kiritgan HTML kodlarizi web browserda birma bir ochib, ko‘rib, hulasa qilib boring. Iloji boricha eng asosiy web browserlarni so‘nggi versiyalarini o‘zizga Internet orqali yuklab oling, bosh sahifada ularning nomlanishlari bor. Chunki ba'zi kodlarni bitta browser o‘qimasa boshqasi o‘qishi mumkin.
Bloknot ochish yo‘li ikki xil:
Birinchisi: Start(Пуск)—All Programms – Accessories – Bloknot.
Ikkinchisi: Internetdan yuklab olish:
HTML code – web sahifa faqatgina HTML ga kiritilgan kodlarnigina o‘qiydi va shu kodlar tufayli web sahifa ochiladi. Bu kodlar faqat HTML dokumentda yoziladi lekin web sahifada umuman bu kodlar yozilgan holatda paydo bo‘lmaydi, faqatgina buyruqlari bajariladi. Masalan:
Yangi Abzast
,
va
orasida yozilgan har qanday so‘z web sahifada yangi abzastda paydo bo‘ladi (
HTML kodi hisoblanadi, likin har qanday “<” va “>” orasiga yoziladigan kod “tag” deb ataladi, talaffuzi "teg"). Aks holda undan oldingi kelgan so‘zga qo‘shilib ketadi. HTML da ba'zi klaviatura tugmalari ahamiyatga ega emas, masalan ENTER tugmasini bosganiz bilan web sahiifada so‘zlariz ENTER tashlagan holatda paydo bo‘lmidi.
Har hil buyruqlar uchun har hil kodlar bor va bu kodlarni yozish qoidalari ham bor:
HTML document hamisha kodi bilan boshlanib, kodi bilan tugashi shart, bu kodlar document html ekanligini bildiradi.
HTML da kodlar katta harfda yoki kichik harifda yozilishi ahamiyatsiz, baribir kodlar o‘qilaveradi lekin shaxsan men kichik harflarda yozishni tavsiya etaman, sababini keyin tushunib olasiz. Lekin ba’zilar tekstini kodlardan ajralib turishi uchun kodlarni katta harflarda yozadi. HTML ga yordamchi bo‘lgan XML, JavaScript dasturlarida kodlarning katta yoki kichik harifda yozilishi juda katta ahamiyatga ega hatto kichik harfadagi kodni katta yozilsa yoki aksincha bo‘lsa hato bo‘ladi.
HTML da kodlar hamisha boshlang‘ich va tugash “tag” lari mavjud. Yuqorida aytilgan
boshlangich tag,
esa tugavchi tag, "p" Ingiliz tilidagi paragraph qo‘zining bosh harft abzast deganidir. Matningizni qayeridan yangi abzast bilan boshlashni hohlasangiz, o‘sha yerga
qo‘yishimiz kerak, qayerda tugatmoqchi bo‘lsak abzastingizni o‘sha yerga
qo‘yilishi shart. Albatta ba’zi taglar HTML da > qilib tugatilinmasa ham bo‘laveradi lekin hamisha tugovchi tagni ishlatishni tavsiya qilaman, sababini vaqti kelib tushinib olasiz va fikrimga qo‘shilasiz degan umiddaman.
Document Saqlash: Har bir HTML document saqlab qo‘yilganda (Save) document mavzusidan so‘ng “.html” so‘zi bo‘lishi shart. Aks holda u html document hisoblanilmaydi. Masalan, birinchi dars kodlari kiritilgan html dokumentni saqlash uchun “birinchi_dars” deb nom berdiz undan so‘ng .html yozing yani “birinchi_dars.html”.
Yoki File name: ga “birinchi_dars” deb yozib Save as type: dan pastga qaragan qora strelkaga bosib “Hyper Text Markup Language” ni tanlang. Va keyin saqlab qolish uchun “Save” tugmachasiga bosing. Dokument saqlanganidan so‘ng web browser belgilaridan birontasi (sizda qay biri bo‘lsa) "birinchi_dars" deb nomlangan holda paydo bo‘ladi, shu holda ochsangiz web sahifa ochganday ochiladi, uni Bloknot yordamida ochsangiz HTML kodlari bilan ochiladi.
HTML dokumentni kodlar kiritishdan oldin birinchi bo‘lib saqalab olishni tafsiya qilaman. Shunda HTML editor kiritilayotgan kodlarni yaxshi tushunadi.
Eslatma:
Shu yerda bir narsani takidlab o‘tmoqchidim, hozirgi kompyuter dasturlarini juda ham rivojlanib ketganligi tufayli siz uchun HTML kodlarni o‘zi kirituvchi mahsus dasturlar ham bor (ular haqida to‘liqroq darslar so‘ngida) lekin professional web sahifa yaratuvchi bo‘laman desangiz bu kodlarni vazifa va maqsadlarini o‘ziz o‘qib tushunib va HTML dokumentlar yaratib o‘rganganiz maqul, chunki ba’zan bu dasturlarda ham ba’zi kodlarni o‘ziz kiritishizga to‘gri kelib qoladigan holatlar juda ko‘p. Unday dasturlarni HTML ni to‘liq o‘rganib bo‘lganingizdan so‘ng o‘rganamiz.
HTML tilning afzaliglari haqida izoh bering.
Yu qor idagi k odni Bloknotga yozib bir on br ows er da k o‘r is hdan oldin Har d D DISC da bir on papk a oc hing, papkani “ HTML darslik lar i” deb nomlang ( chunki bu papk a ic higa hali ko‘p narsa saqlimiz) keyin shu papk a ichiga “ birinchi_dars .html” qilib s aqlab qo‘yin undan s o‘ng quyidagi asosiy
browzerlar ning birontasi yordamida oching. Ochis h uchun internetga ulangan bo‘lisa hingiz shart emas. Agar o‘ qib turgan web sahifani o‘z izga yuklab olgan bo‘lsa Internetsiz ham ishlashingiz mumkin hohlagan payitiz da ochib. Agar har qanday web sahifani biror papka ichiga yukalab olishni bilmasangiz manga email orqali bildir ing.
HTML tilda sahifa qanday yaratiladi.
Oldingi darsda biz, html sahifa yaratishni birinchi darsini o‘rganib chiqdik. Endi esa shu darsni davom ettiraylik. Agar oldingi darsdaahamiyat bergan bo‘lsangiz, unda u yerda sahifamizning nomi yo‘q edi.
Buning uchun ishlatiladi.
Misol : Salom Dunyo
Bu bizning ikkinchi darsimiz
|
| |