ILM-FAN
|
Online darslar (Pullik)
|
Mavzu:
0 dan boshlab bepul HTML darslari
Mavzu fayllari
(0)
[b]HTML Kirish[/b] HTML O'zi Nima ? HTML veb dokumentlar (web sahifalar) ni ta'svirlovchi formatlash dasturlash tili. *.HTML (Hyper Text Markup Language) Giper Matn Formatlash Tili ning qisqartmasidan kelib chiqqan. *.Formatlash tili bu formatlash teglari majmuidir. *.HTML dokumentlari HTML teglari bilan tasvirlanadi. *.Har bir HTML tegi turli turlardagi dokumentlarni tasvirlaydi. <!DOCTYPE html><html><head><title>Sahifa sarlavhasi</title></head><body><h1>Mening birinchi sarlavham</h1><p>Mening birinchi paragrafim</p></body></html> Izohlar: *. DOCTYPE ni kiritish orqali biz dokumentda HTML turini tanlaganimizni bildiradi *. HTML dokumenti <html> va <html> ichida yoziladi. *. Dokument haqidagi ma'lumot <head> va </head> ichida yoziladi. *. Dokument sarlavhasi <title> va </title> ichida yoziladi. *. Sahifaning ko'rinadigan qismi <body> va </body> ichida yoziladi. *. <h1> va </h1> ichida sarlavha. *. <p> va </p> ichida paragraf yoziladi. Bu tasvirlardan foydalanib web brauzer dokumentni sarlavha va paragraf bilan ekranga chiqarib bera oladi HTML Teglari HTML teglari kalit so'zlar (teg nomlari) bo'lib burchak qavslar ichida yoziladi <> <teg nomi> content </teg nomi> *. HTML teglari asosan <p> va </p> kabi juftliklarda keladi. *. Juftlikning birinchi tegi bosh teg, ikkinchi tegi yakun teg. *. Yakun teg bosh tegdan teg nomidan oldin keluvchi slesh '/' ga farq qiladi. ... Bosh teg ko'pincha ochish tegi, yakun tegi yopish tegi deb ataladi. Web Brauzerlar Web brauzerlarning (Chrome, IE, Firefox, Safari) asosiy vazifasi HTML dokumentlarni o'qish va ularni ekranga chiqarish. Web brauzerlar teglarni ekranga chiqarmaydi, lekin ular dokument qanday ko'rinishda ekranga chiqarilishini aniqlash uchun ishlatiladi. HTML Sahifasi Strukturasi Quyida HTML sahifasi strukturasi keltirilgan: <html> <head> <title>Sahifa sarlavhasi</title></head> <body> <h1>Bu sarlavha</h1> <p>Bu birinchi paragraf.</p> <p>Bu ikkinchi paragraf.</p></body></html> ... Brauzer faqat <body> qismini ekranga chiqaradi <!DOCTYPE> bayonnomasi <!DOCTYPE> brauzerga veb sahifani ekranga to'g'ri chiqarishga yordam beradi Veb dokumentlarning har xil turlari bor Dokumentni ekranga to'g'ri chiqarish uchun brauzer dokumentning turi va versiyasini bilishi shart. doctype kichik yoki katta harflarda yozilishi mumkin, quyidagilarning barchasi to'g'ri: <!DOCTYPE html><!DOCTYPE HTML><!doctype html><!Doctype Html> Umumiy Bayonnomalar HTML5 <!DOCTYPE html> HTML 4.01 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org /TR/html4/loose.dtd"> XHTML 1.0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org /TR/xhtml1/DTD/xhtml1- transitional.dtd" Note All tutorials and examples at W3Schools use HTML5.> HTML Versiyalari Veb birinchi kunlaridan boshlab HTML ning ko'plab versiyalari bo'lgan. Versiyasi-Yili HTML-1991 HTML 2.0-1995 HTML 3.2-1997 HTML 4.01-1999 XHTML-2000 HTML5-2014 [b]2130dan so'ng qo'shdi...[/b] [b]HTML Muharrirlari[/b] HTML ni Notepad yoki TextEdit da yozing HTML ni quyidagi professional muharrirlar orqali taxrirlash mumkin: *.Microsoft WebMatrix *.Sublime Text KeepGoing.uz sayti HTML ni o'rganish uchun Sublime Text, Notepad (PC) va TextEdit (Mac) ni ishlatishni maslahat beradi Biz oddiy matn muharrirlaridan foydalanish HTML o'rganishning yaxshi yo'li ekaniga ishonamiz Notepad da birinchi web sahifangizni yaratish uchun quyidagi 4 ta bosqichga rioya qiling 1-bosqich: Notepad ni oching. Windows 7 yoki eskiroq versiyasida ochish uchun: Пуск ni bosing (ekraningizdagi chap paski tugma). Barcha pragrammalar -> aksesuarlar-> Notepad ni bosing Windows 8 yoki yangiroq versiyasida ochish uchun: Пуск menyunisini oching -> Notepad tering 2-bosqich: HTML kodini yozing. Notepad da o'zingiz HTML kodini yozing yoki ko'chirib oling <!DOCTYPE html><html><body><h1>Mening birinchi sarlavham</h1><p>Mening birinchi paragrafim</p></body></html> 3-bosqich: HTML sahifasini saqlang Faylni o'z kompyuteringizda saqlang. Notepad da file dan сохранить как.. ni bosing. Fayl nomini "vebsahifa.html" yoki .html kengaytmasi bilan tugovchi boshqa nom bilan nomlang UTF-8 kodlash HTML dokumentlar uchun afzalroq hisoblanadi ANSI kodlash tizimi faqat AQSH va G'arbiy Yevropa belgilarini o'z ichiga oladi. Agarda rus alifbosi yoki Osiyo mamlakatlari alifbosidan foydalanmoqchi bo'lsangiz UTF-16 kodlash tizimini maslahat beramiz ...Dokumentlarni saqlash uchun .html yoki .htm kengaytmalarini ishlatish mumkin. Ularning farqi yo'q, qaysi birini ishlatish o'zingizga bog'liq 4-bosqich: HTML sahifani web brauzeringizda ochib ko'ring. Saqlangan HTML sahifani o'zingizga yoqgan brauzerda oching. Natija quyidagiga o'xshashroq bo'ladi: ...Faylni ochish uchun faylga 2 martta bosing yoki sichqonchaning o'ng tarafini bosib "open with"ni bosing. [b]4248dan so'ng qo'shdi...[/b] [b]HTML Asoslari[/b] Ushbu na'munalarda sizga notanish teglar uchrab qolsa, havotirlanmang. Ularni keyingi sahifalarimizda o'rganib olasiz. HTML dokumentlar Barcha HTML dokumentlar<!DOCTYPE html>tegini kiritish bilan boshlanishi shart. HTML dokumentining o'zi<html>bilan boshlanadii va</html>bilan tugaydi. HTML dokumentninig ko'rinadigan qismi<body>va</body>orasida yoziladi <html><body><h1>Mening birinchi sarlavham.</h1><p>Mening birinchi paragrafim.</p></body></html> HTML Sarlavhalar HTML sarlavhalar <h1> dan <h6> gacha bo'lgan teglar bilan bayon qilinadi. <h1>Bu birinchi sarlavha.</h1><h2>Bu ikkinchi sarlavha.</h2><h3>Bu uchinchi sarlavha.</h3> HTML paragraflar HTML paragraflar <p> bilan ba'yon qilinadi <p>Bu birinchi paragraf.</p><p>Bu ikkinchi paragraf.</p> HTML Linklar (Havolalar) HTML havolalar <a> tegi bilan bayon qilinadi <ahref=" http://www.keepgoing.uz">Bu link </a> Havolalarning manzili href atributi orqali beriladi. Atributlar HTML elementlari haqida qo'shimcha ma'lumot berish uchun ishlatiladi. HTML rasmlar HTML rasmlar <img> tegi bilan ba'yon qilinadi source(manba) fayl (src), alternativ tekst (alt), va o'lchamlar (widthvaheight) atributlar k'rinishida beriladi. <img src="uzmasters.png"alt="UzMasterS.RU"width="200"height="50"> ... Atributlar haqida ko'proq ma'lumotlarni keyingi maqolalarda o'rganib olasiz [b]19 soatdan so'ng qo'shdi...[/b] [b]HTML Elementlari[/b] HTML dokumentlari HTML elementlaridan yasaladi. HTML elementlari HTML elementlariboshteg,yakunteg va ular orasidagi kontent bilan yoziladi <tegnomi>kontent</tegnomi> HTML elementiga bosh tegdan boshlab yakun tegigacha bo'lgan barcha narsa kiradi. <p>Mening birinchi HTML paragrafim.</p> Bosh tegKontentYakun teg <h1>Mening birinchi sarlavham.</h1> <p>Mening birinchi paragrafim.</p> <br> ... Ba'zi HTML elementlari faqat bosh tegdan iborat Ichki HTML elementlari HTML elementlari ichki (element ichida element) bo'lishi mumkin Barcha HTML dokumentlar ichki elementlardan tashkil topgan Bu misol 4 ta HTML elementidan tashkil topgan: <!DOCTYPE html><html><body><h1>Mening birinchi sarlavham</h1><p>Mening birinchi paragrafim.</p></body></html> HTML tegining tushuntirilishi <html> elementi butun dokumentni ba'yon qiladi. U bosh teg <html> va yakun teg </html> ga ega. Uning kontenti esa boshqa HTML elementi ( <body> elementi) <html><body><h1>Mening birinchi sarlavham</h1><p>Mening birinchi paragrafim.</p></body></html> <body> elementi dokumentning tana qismini ba'yon qiladi U bosh teg <body> va yakun teg </body> ga ega. <body> elementining kontenti esa boshqa ikkita elementdan iborat (<h1> and <p>). <body><h1>Mening birinchi sarlavham</h1><p>Mening birinchi paragrafim.</p></body> <h1> elementi sarlavhani ba'yon qiladi U bosh teg <h1> va yakun teg </h1> ga ega. Elementning kontenti : Mening birinchi sarlavham <h1>Mening birinchi sarlavham</h1> <p> elementi paragrafni ba'yon qiladi. U bosh teg <p> va yakun teg </p> ga ega. Elementning kontenti: Mening birinchi paragrafim. <p>Mening birinchi paragrafim.</p> Yakun tegini esdan chiqarmang Agar siz bundanda yaxshiroq va qattiyroq tekshiruvni hohlasangiz va sahifangiz XML orqali osonroq parse bolishini hohlasangiz doimiy ravishda teglarni yopishni unitmang. Bu albatta kelajakdagi muammolar oldini oladi. HTML elementlari yakun tegini esdan chiqarsangiz ham to'g'ri ishlaydi. <html><body><p>Mening paragrafim <p>Mening a paragrafim </body></html> Yuqoridagi misol barcha brauzerlarda ishlaydi, chunki yakun tegi ixtiyoriy hisoblanadi. Hech qachon bunga tayanmang. Chunki yakun tegini esdan chiqarsangiz kutilmagan natijalar va hatolarga olib kelishi mumkin. Bo'sh HTML elementlari Kontentsiz HTML elementlari bo'sh elementla
Yuklab olish
Onlayn 152 (0/152)
Forumga a'zo bo'lish
Forumdan qidirish
Bosh sahifa