Mavzu: 0 dan boshlab bepul HTML darslari
1. Brigand (M) (519) [off] | TXT | 63| 18 Apr 2019, 14:18
HTML Kirish

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" "

W3C

The World Wide Web Consortium (W3C) develops standards and guidelines to help everyone build a web based on the principles of accessibility, internationalization, privacy and security.

http://www.w3.org
/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

W3C

The World Wide Web Consortium (W3C) develops standards and guidelines to help everyone build a web based on the principles of accessibility, internationalization, privacy and security.

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
2130dan so'ng qo'shdi...
HTML Muharrirlari

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.
4248dan so'ng qo'shdi...
HTML Asoslari

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
19 soatdan so'ng qo'shdi...
HTML Elementlari

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
Ijobiy (6): Ashurov, Mahmudjon_BEST, Gallaktika, QIROLUS, SHAHZODBEKK, real_fans,
Raxmat aytdi (2): Mahmudjon_BEST, Dima Muratov,
2. Mahmudjon_BEST (533) [off] | TXT | 53| 18 Apr 2019, 15:37
Lark.ru da bir savol bor edi: saytingizni sahifalari o'g'irlanmasligi uchun emailga bloklab qo'yadiku o'shani qanday qiladi?
3. Ashurov (2636) [off] | TXT | 51| 18 Apr 2019, 15:54
Mahmudjon_BEST (18 Apr 2019, 15:37):
Lark.ru da bir savol bor edi: saytingizni sahifalari o'g'irlanmasligi uchun emailga bloklab qo'yadiku o'shani qanday qiladi?
Mahmudjon_BEST, Baribir o'g'irlanadi, htmlda hech narsa qila olmaysiz, bazi bir css kodlarni, yoki manzil kodlarni yashirish mumkun, lekin oddiy php master ham o'g'irlay oladi....
Ijobiy (1): Brigand,
4. Dima Muratov (726) [off] | TXT | 51| 18 Apr 2019, 16:30
Brigand (18 Apr 2019, 14:18):
HTML Kirish

HTML O'zi Nima ?
HTML veb dokumentlar (web sahifalar) ni ta'svirlovchi formatlash dasturlash tili.
*.HTML (Hyper Tex• • •
Brigand, Shu yozganlarizni amalda sinab yozib kurishim u/n Android telda denwer yoki shunga uxshash biror narsa bormi.
5. Junior1993 (2) [off] | TXT | 51| 18 Apr 2019, 16:42
Dima Muratov, Urgatuvchi saytla bo uwatda biratula sinab kurish mumkun
6. Mahmudjon_BEST (533) [off] | TXT | 50| 18 Apr 2019, 17:09
Ashurov (18 Apr 2019, 15:54):
Mahmudjon_BEST, Baribir o'g'irlanadi, htmlda hech narsa qila olmaysiz, bazi bir css kodlarni, yoki manzil kodlarni yashirish mumkun,• • •
Ashurov, Ha bilaman baribir o'g'irlanadi.

Lekn man so'ravotgan narsa: masalan zormedia.lark.ru ni bironta sahifasini linkini olib, lark.ru dagi saytizi bazasiga kirib, yuklashga kirib, linkni kiritib yuklashga bossez emailga bloklangan deydi. Shuni qanday qiladi? [+] mendan :)
7. Gallaktika (83) [off] | TXT | 50| 18 Apr 2019, 17:30
Стоп!Мавзу бузилмасин!Ш/Хга!
Ijobiy (1): Brigand,
Ma'lumotlar
Mavzu id raqami: 3137
Mavzuga oid xabarlar soni: 25 ta
So'ngi faollik vaqti: 4 Dec 2019, 20:04
Mavzuni ko'rishgan: 81 kishi
» txt shaklida yuklab olish
» Mavzudagi yangi xabarlardan xabardor bo'lishni rad etish
www.uzmasters.ru Onlayn 161 (0/161)
www.uzmasters.ru Forumga a'zo bo'lish
www.uzmasters.ru Forumdan qidirish
www.uzmasters.ru Bosh sahifa
Яндекс.Метрика UzMasterS.Ru