Xayrli kech kanal a'zolari!๐
Mana biz bugun HTML haqida ma'lumotga ega bo'lamiz va kichkina web sahifa yaratamiz!
๐ป Web dasturlashni o'rganishda bizga asosan kompyuter kerak bo'ladi!
Lekin faqatgina kompyuter yordamida emas balki hozirgi vaqtda smartfon orqali ham o'rgansak bo'ladi!
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Mana biz bugun HTML haqida ma'lumotga ega bo'lamiz va kichkina web sahifa yaratamiz!
๐ป Web dasturlashni o'rganishda bizga asosan kompyuter kerak bo'ladi!
Lekin faqatgina kompyuter yordamida emas balki hozirgi vaqtda smartfon orqali ham o'rgansak bo'ladi!
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
base.apk
2 MB
Mana bu dasturni android telefoningizga o'rnating!
๐ Nomi - anWriter Free
๐พ Hajmi - 2MB
๐ฑ Bizga web sahifalarni androidda yaratishga yordam beradi!
๐ Bu dasturni pro versiyasi ham bor, agar uni yuklab ola bilsam kanalga albatta joylayman!
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ Nomi - anWriter Free
๐พ Hajmi - 2MB
๐ฑ Bizga web sahifalarni androidda yaratishga yordam beradi!
๐ Bu dasturni pro versiyasi ham bor, agar uni yuklab ola bilsam kanalga albatta joylayman!
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
HTML - web saytlar asosini yozishda ishlatiladi!
๐ฅ Dasturlashni endi o'rganayotganlar barchasi avvalo HTML haqida ma'lumotga ega bo'lmasdan turib web dasturlashni o'rgana olmaydi!
๐ Misollarda keltiraman. HTML bizga nima uchun kerak? Tassavvur qiling - insonni tayanch harakatlanish a'zosi uning suyagi ya'ni skeleti! HTML ham xuddi shunday, web sahifaning asosi hisoblanadi!
๐ CSS esa uning tashqi ko'rinishi, qiyofasi bo'lib hisoblanadi. CSS yordamida saytimizga har xil ko'rinishda bezaklar berishda foydalanamiz.
๐๐ Java Script bo'lsa bu - saytimizni jonlantirishimizda zaruriy vosita hisoblanadi! Misol uchun saytimiz matematika haqida. Demak saytimizga JS yordamida hisob kitob uchun mo'ljallangan sahifani kiritib qo'yamiz. Foydalanuvchi esa saytimizda hisob-kitob ishlarini ham amalga oshirishi mumkin!
๐ Qisqa ma'lumotga ega bo'lgan bo'lsangiz men juda xursandman! Tushunmaganlar bemalol admin bilan bog'lanishlari mumkin!
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ฅ Dasturlashni endi o'rganayotganlar barchasi avvalo HTML haqida ma'lumotga ega bo'lmasdan turib web dasturlashni o'rgana olmaydi!
๐ Misollarda keltiraman. HTML bizga nima uchun kerak? Tassavvur qiling - insonni tayanch harakatlanish a'zosi uning suyagi ya'ni skeleti! HTML ham xuddi shunday, web sahifaning asosi hisoblanadi!
๐ CSS esa uning tashqi ko'rinishi, qiyofasi bo'lib hisoblanadi. CSS yordamida saytimizga har xil ko'rinishda bezaklar berishda foydalanamiz.
๐๐ Java Script bo'lsa bu - saytimizni jonlantirishimizda zaruriy vosita hisoblanadi! Misol uchun saytimiz matematika haqida. Demak saytimizga JS yordamida hisob kitob uchun mo'ljallangan sahifani kiritib qo'yamiz. Foydalanuvchi esa saytimizda hisob-kitob ishlarini ham amalga oshirishi mumkin!
๐ Qisqa ma'lumotga ega bo'lgan bo'lsangiz men juda xursandman! Tushunmaganlar bemalol admin bilan bog'lanishlari mumkin!
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
HTMLda web sahifa tuzilishi mana bunday bo'ladi๐
<!DOCTYPE html>
<html>
<head>
<title> Mening birinchi sahifam </title>
<meta charset="UTF-8">
</head>
<body>
Salom! Mening birinchi web sahifamga xush kelibsiz!
</body>
</html>
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
<!DOCTYPE html>
<html>
<head>
<title> Mening birinchi sahifam </title>
<meta charset="UTF-8">
</head>
<body>
Salom! Mening birinchi web sahifamga xush kelibsiz!
</body>
</html>
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ Do'stlar bugunga yetarli deb o'ylayman! Ertaga yuqorida keltirgan web sahifa tuzilishidagi har bir kodni mazmun-mohiyatini keltiraman!
๐โ๐จ Bizni kuzatib boring va kanalga do'stlarizni taklif qiling!
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐โ๐จ Bizni kuzatib boring va kanalga do'stlarizni taklif qiling!
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ Assalomu aleykum kanal a'zolari!
Kecha biz siz bilan web sahifa tuzilishini ko'rib o'tgan edik.
๐ Bugun HTML teglari haqida bir qancha ma'lumotlar berib o'taman!
โถ๏ธ Boshladik azizlar!
Kecha biz siz bilan web sahifa tuzilishini ko'rib o'tgan edik.
๐ Bugun HTML teglari haqida bir qancha ma'lumotlar berib o'taman!
โถ๏ธ Boshladik azizlar!
๐ HTML nimani anglatishini aytish yodimdan ko'tarilibdi.
HTML - Hyper Text Markup Language.
O'zbek tilida - Gipermatnli belgilash tili degan ma'noni anglatadi!
๐ HTMLda teg degan tushuncha mavjud. Biz matnimizni aynan o'sha teglar orasida yozamiz! Har bir tegning sherigi ya'ni yopiluvchi tegi bo'ladi! Shunday teglar borki ular faqat yakka holda qo'llaniladi!
Misol uchun๐๐
<head> "bosh" ya'ni hujjatning boshi hisoblanib. <meta>, <title>, <link> kabi va boshqa teglarni o'z ichida saqlaydi! Hujjatning <head> qismida yozilgan matn va boshqa narsalar ekranda aks etmaydi.
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
HTML - Hyper Text Markup Language.
O'zbek tilida - Gipermatnli belgilash tili degan ma'noni anglatadi!
๐ HTMLda teg degan tushuncha mavjud. Biz matnimizni aynan o'sha teglar orasida yozamiz! Har bir tegning sherigi ya'ni yopiluvchi tegi bo'ladi! Shunday teglar borki ular faqat yakka holda qo'llaniladi!
Misol uchun๐๐
<head> "bosh" ya'ni hujjatning boshi hisoblanib. <meta>, <title>, <link> kabi va boshqa teglarni o'z ichida saqlaydi! Hujjatning <head> qismida yozilgan matn va boshqa narsalar ekranda aks etmaydi.
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Davomi...๐
<body> tegi bu hujjatning tanasi asosiy qismi va biz kodlarimizni va matnimizni aynan shu teg orasida yozamiz.
๐ Ushbu tegning ham sherigi mavjud bo'lib u mana bunday ko'rinishga ega - </body>.
๐ Har bir tegni yopiluvchisida mana bu belgidan keyin - "<", ushbu belgini yozish shart - "/".
๐ Misol:
<h3> Mening birinchi web sahifam </h3>
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
<body> tegi bu hujjatning tanasi asosiy qismi va biz kodlarimizni va matnimizni aynan shu teg orasida yozamiz.
๐ Ushbu tegning ham sherigi mavjud bo'lib u mana bunday ko'rinishga ega - </body>.
๐ Har bir tegni yopiluvchisida mana bu belgidan keyin - "<", ushbu belgini yozish shart - "/".
๐ Misol:
<h3> Mening birinchi web sahifam </h3>
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ HTMLdagi bir qancha teglarning vazifasi!
1โฃ <!DOCTYPE html> - bu hujjatning turi va versiyasini aniqlab beradi. Doimo birinchi yoziladi. Yopiluvchi tegi mavjud emas.
2โฃ<html> - bu teg hujjat boshlanganligini bildiradi. Yopiluvchi tegi - </html>.
3โฃ <head> - hujjatning boshlanish qismi hisoblanadi. Yopiluvchi tegi - </head>
4โฃ <title> - sarlavha tegi hisoblanadi. Bu teg orasida yozgan tegimiz e'tibor bergan bo'lsangiz brauzerlarda qidiruv yoziladigan joyda ma'lum bir gap yozilgan bo'ladi. Hujjatimiz sarlavhasi o'sha yerda aks etadi! Yopiluvchi tegi </title>
5โฃ <meta> - ushbu tegda hujjatga yaqin bo'lgan kalit so'zlarni yozamiz. Bundan maqsad qidiruv tizimlarida bizning sahifamiz tezroq topilishiga xizmat qiladi! Yopiluvchi tegi yo'q!
6โฃ <body> - hujjatning tana qismi. Barcha matnimiz va kodlarimizni shu teg orasida yozamiz. Yopiluvchi tegi -
</body>.
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
1โฃ <!DOCTYPE html> - bu hujjatning turi va versiyasini aniqlab beradi. Doimo birinchi yoziladi. Yopiluvchi tegi mavjud emas.
2โฃ<html> - bu teg hujjat boshlanganligini bildiradi. Yopiluvchi tegi - </html>.
3โฃ <head> - hujjatning boshlanish qismi hisoblanadi. Yopiluvchi tegi - </head>
4โฃ <title> - sarlavha tegi hisoblanadi. Bu teg orasida yozgan tegimiz e'tibor bergan bo'lsangiz brauzerlarda qidiruv yoziladigan joyda ma'lum bir gap yozilgan bo'ladi. Hujjatimiz sarlavhasi o'sha yerda aks etadi! Yopiluvchi tegi </title>
5โฃ <meta> - ushbu tegda hujjatga yaqin bo'lgan kalit so'zlarni yozamiz. Bundan maqsad qidiruv tizimlarida bizning sahifamiz tezroq topilishiga xizmat qiladi! Yopiluvchi tegi yo'q!
6โฃ <body> - hujjatning tana qismi. Barcha matnimiz va kodlarimizni shu teg orasida yozamiz. Yopiluvchi tegi -
</body>.
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ป Yopiluvchi sherigi bo'lmagan. Ya'ni bo'sh teglarga quyidagilar hisoblanadi.
๐ <hr /> - bu tegni yozgandan keyin, keyingi satrdan chiziq chizadi.
๐ </br> - bu tegni yozganimizdan keyin, bundan keyin yozilgan matn va kodlar yangi satrda aks etib boraveradi!
๐ Do'stlar bugun aytib o'tilgan teglarni barchasini yozib sinab ko'ring.
Har bir HTML hujjatimizda albatta brauzerda ochib sinab ko'rish kerak.
โ ๏ธโ๏ธ Eslatma โ๏ธ
Hujjatimizni kompyuter yoki smartfon xotirasiga saqlashda e'tibor bering. Hujjat nomi hamma vaqt mana bu ko'rinishda bolishi kerak.
โญ๏ธ Misol: index.html
Biz "index" o'rniga boshqa narsa yozishimiz mumkin. Lekin ".html" - albatta bo'lishi shart.
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ <hr /> - bu tegni yozgandan keyin, keyingi satrdan chiziq chizadi.
๐ </br> - bu tegni yozganimizdan keyin, bundan keyin yozilgan matn va kodlar yangi satrda aks etib boraveradi!
๐ Do'stlar bugun aytib o'tilgan teglarni barchasini yozib sinab ko'ring.
Har bir HTML hujjatimizda albatta brauzerda ochib sinab ko'rish kerak.
โ ๏ธโ๏ธ Eslatma โ๏ธ
Hujjatimizni kompyuter yoki smartfon xotirasiga saqlashda e'tibor bering. Hujjat nomi hamma vaqt mana bu ko'rinishda bolishi kerak.
โญ๏ธ Misol: index.html
Biz "index" o'rniga boshqa narsa yozishimiz mumkin. Lekin ".html" - albatta bo'lishi shart.
๐Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ Salom kanal a'zolari.
Kanalimizda ko'p vaqt ma'lumotlar yuklanmadi.
โ๏ธ Buning uchun uzr so'raymiz. Bugundan kanal to'liq o'z faoliyatini boshlaydi...
Kanalga do'stlarizni taklif qiling!!!
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Kanalimizda ko'p vaqt ma'lumotlar yuklanmadi.
โ๏ธ Buning uchun uzr so'raymiz. Bugundan kanal to'liq o'z faoliyatini boshlaydi...
Kanalga do'stlarizni taklif qiling!!!
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ป Assalomu aleykum "Web dasturchilar" kanali a'zolari.
Demak bugungi darsimizda CSS haqida gaplashamiz!
Kanalimizga do'stlarizni taklif qilishni unutmang!!!
๐๐๐๐๐๐๐๐๐๐๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Demak bugungi darsimizda CSS haqida gaplashamiz!
Kanalimizga do'stlarizni taklif qilishni unutmang!!!
๐๐๐๐๐๐๐๐๐๐๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ป CSS o'zi nima?
๐ค CSS - Style Cascading Sheets.
Siz boshqa saytlarni dizayniga havas qilasizmiโ
Siz saytingizning ajoyib dizayni bilan barchani lol qoldirmoqchimisizโ
Sizda sayt dizayni uchun g'oya bormiโ
๐ Bunda sizga CSS yordamga keladi! ๐
๐ Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ค CSS - Style Cascading Sheets.
Siz boshqa saytlarni dizayniga havas qilasizmiโ
Siz saytingizning ajoyib dizayni bilan barchani lol qoldirmoqchimisizโ
Sizda sayt dizayni uchun g'oya bormiโ
๐ Bunda sizga CSS yordamga keladi! ๐
๐ Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ป Biz birinchi navbatda CSSdagi kodlarimiz HTML sahifamizda ishlashi uchun uni sahifamizga ulab qo'yishimiz kerak bo'ladi.
๐ Hozirda HTML5 versiyasi amalda bo'lib, sahifamiz kodlari ham shunga mos bo'lishi kerak!
๐ Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ Hozirda HTML5 versiyasi amalda bo'lib, sahifamiz kodlari ham shunga mos bo'lishi kerak!
๐ Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
โ๏ธ Mana bu quyidagi kodlar HTML 5 hozirdagi amalda bo'lgan versiya kodi.!!!
โฌ๏ธ โฌ๏ธ โฌ๏ธ โฌ๏ธ
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
</style>
</head>
<body>
</body>
</html>
๐ Bizning kanal ๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
โฌ๏ธ โฌ๏ธ โฌ๏ธ โฌ๏ธ
<!DOCTYPE html>
<html>
<head>
<title>
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
</style>
</head>
<body>
</body>
</html>
๐ Bizning kanal ๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ Sahifamizni dizayni uchun biz quyidagi tegni mana bunday ko'rinishda yozishimiz kerak...
โฌ๏ธ โฌ๏ธ โฌ๏ธ โฌ๏ธ
HTML sahifamiz yuqorida aytilagan ko'rinishda keltirib olgandan keyin!
โ๏ธ E'tibor bering! โ๏ธ
<head>
Ushbu teg orasiga <meta> tegidan keyin!!!!
</head>
ใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐ
<style>
@import url (style.css)
</style>
ใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐ
Deb yozishimiz kerak bo'ladi!!!
๐ Bizning kanal ๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
โฌ๏ธ โฌ๏ธ โฌ๏ธ โฌ๏ธ
HTML sahifamiz yuqorida aytilagan ko'rinishda keltirib olgandan keyin!
โ๏ธ E'tibor bering! โ๏ธ
<head>
Ushbu teg orasiga <meta> tegidan keyin!!!!
</head>
ใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐ
<style>
@import url (style.css)
</style>
ใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐ
Deb yozishimiz kerak bo'ladi!!!
๐ Bizning kanal ๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ก Kanalimiz a'zolari uchun muhim maslahat!
โ๏ธ Diqqatโ๏ธ
Siz kompyuterda web saytni va uning sahifalarini tezroq va xatosiz yozishingiz uchun ajoyib bir dastur bor. โ
โญ Dastur ishingizni ancha tezlashtiradi!.
ใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐ
Dastur
nomi - ๐ Visual Studio code
โ๏ธ Dasturni kompyuteringizga mos holda quyidagi havoladan yuklab oling!
โช๏ธ Havoladan๐ป
Windows 7,8,10
x32
x64 โ๏ธ
Mac OSโ๏ธ
Linuxโ๏ธ
Operatsion tizimlari uchun yuklab oling. Yuklab olishda kompyuteringiz ma'lumotlariga e'tibor bering!!!
โก๏ธ Visual Studio Code โฌ ๏ธ
โฌ๏ธโฌ โฌ๏ธโฌ๏ธ โฌ๏ธโฌ๏ธ โฌ๏ธโฌ๏ธ
Bizning kanal
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
โ๏ธ Diqqatโ๏ธ
Siz kompyuterda web saytni va uning sahifalarini tezroq va xatosiz yozishingiz uchun ajoyib bir dastur bor. โ
โญ Dastur ishingizni ancha tezlashtiradi!.
ใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐใฐ
Dastur
nomi - ๐ Visual Studio code
โ๏ธ Dasturni kompyuteringizga mos holda quyidagi havoladan yuklab oling!
โช๏ธ Havoladan๐ป
Windows 7,8,10
x32
x64 โ๏ธ
Mac OSโ๏ธ
Linuxโ๏ธ
Operatsion tizimlari uchun yuklab oling. Yuklab olishda kompyuteringiz ma'lumotlariga e'tibor bering!!!
โก๏ธ Visual Studio Code โฌ ๏ธ
โฌ๏ธโฌ โฌ๏ธโฌ๏ธ โฌ๏ธโฌ๏ธ โฌ๏ธโฌ๏ธ
Bizning kanal
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Bugun kanalga qanaqa ma'lumotlar joylaylik!โ๏ธ
Anonymous Poll
33%
Sahifa foniga rasm qo'yish!
33%
Sahifaga shrift ulash!
33%
Linklar!
CSS_Tutorial.pdf
1.7 MB
๐ Nomi - CSS tutorial
๐ Hajmi - 1.7 MB
๐ Format - PDF
๐ Til - Ingliz tili
๐ Manba - tutorialspoint.com
๐ Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ Hajmi - 1.7 MB
๐ Format - PDF
๐ Til - Ingliz tili
๐ Manba - tutorialspoint.com
๐ Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
Javascript.pdf
2.1 MB
๐ Nomi - Java Script tutorial
๐ Hajmi - 2.1 MB
๐ Format - PDF
๐ Til - Ingliz tili
๐ Manba - tutorialspoint.com
๐ Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ
๐ Hajmi - 2.1 MB
๐ Format - PDF
๐ Til - Ingliz tili
๐ Manba - tutorialspoint.com
๐ Bizning kanal๐
https://t.me/joinchat/AAAAAFP4IeGD0n-lltP7HQ