Web texnologiyalar yoki web dasturlashlarga:
HTML - web sahifalar yaratishda eng asosiy texnologiya bolib, bu til web dasturlashning asosini tashkil qiladi.
CSS - bu HTML orqali yaratilgan web sahifaga bezak berishda foydalaniladigan texnologiya.
JavaScript - bu HTML va CSS orqali yaratilgan web sahifalarga yanada koproq funktsional qo'shishda va sayt yanada jozibali korinishi uchun foydalaniladi.
#html #css #js #web
HTML - web sahifalar yaratishda eng asosiy texnologiya bolib, bu til web dasturlashning asosini tashkil qiladi.
CSS - bu HTML orqali yaratilgan web sahifaga bezak berishda foydalaniladigan texnologiya.
JavaScript - bu HTML va CSS orqali yaratilgan web sahifalarga yanada koproq funktsional qo'shishda va sayt yanada jozibali korinishi uchun foydalaniladi.
#html #css #js #web
Web sahifa html teglar jamlanmasidan tashkil topgan boladi. Tag deb
<tag></tag> - shunday ko'rinishdagi kodga aytiladi. Yana misollar:
<html></html>
<head></head>
<body></body>
<div></div>
bu ko'rinishdagi teglar juft taglar deyiladi.
Html da juft taglar kabi toq taglar ham bor, bular:
<br>
<input>
<img>
...
va h.k.z lar har bir tagning Html hujjatda bajaruvchi o'z vazifalari bor.
#html #web #lesson2
<tag></tag> - shunday ko'rinishdagi kodga aytiladi. Yana misollar:
<html></html>
<head></head>
<body></body>
<div></div>
bu ko'rinishdagi teglar juft taglar deyiladi.
Html da juft taglar kabi toq taglar ham bor, bular:
<br>
<input>
<img>
...
va h.k.z lar har bir tagning Html hujjatda bajaruvchi o'z vazifalari bor.
#html #web #lesson2
Html da eng birinchi sahifani yaratamiz - Hello World !!! (Salom Dunyo !!!) sahifasi:
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Salom Dunyo !!!</h1>
</body>
</html>
so'ngra bu faylni "index.html" nomini berib saqlaymiz. Endi bu faylni Web Brauzerda ochsak web sahifada "Salom Dunyo !!!" yozuvini ko'ramiz.
#html #web #lesson3
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Salom Dunyo !!!</h1>
</body>
</html>
so'ngra bu faylni "index.html" nomini berib saqlaymiz. Endi bu faylni Web Brauzerda ochsak web sahifada "Salom Dunyo !!!" yozuvini ko'ramiz.
#html #web #lesson3
Html da teglardan boshqa qoshimcha elemtlar ham bor, bular atributlar:
color, align, value, name, class, id va h.k.z lar
Misol uchun 3-darsdagi kodni olamiz:
http://telegra.ph/Atributlar-01-27
Biz bu kodda H1 tagiga align atributini qoshish orqali o'zgartirish kiritamiz. Bu atribut tag ichidagi malumotni chap, o'ng burchak yoki ekran markazi bo'yicha tekkizlashda ishlatiladi.
align="left | center | right" - uchta qiymatdan birini qabul qiladi.
#html #web #lesson4
color, align, value, name, class, id va h.k.z lar
Misol uchun 3-darsdagi kodni olamiz:
http://telegra.ph/Atributlar-01-27
Biz bu kodda H1 tagiga align atributini qoshish orqali o'zgartirish kiritamiz. Bu atribut tag ichidagi malumotni chap, o'ng burchak yoki ekran markazi bo'yicha tekkizlashda ishlatiladi.
align="left | center | right" - uchta qiymatdan birini qabul qiladi.
#html #web #lesson4
Telegraph
Atributlar
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <h1 align="center">Salom Dunyo !!!</h1> </body> </html>
Html da taglarni bir-birining ichida yozish imkoniyati mavjud bu html ning eng asosiy kuchi hisoblanadi.
Misol uchun: http://telegra.ph/HTML-taglarni-bir-birining-ichida-yozish-01-27
Biz bu kodda H1 tagi ichida font tagini yozish orqali taglarni bir-birini ichiga yozish qoidasi bilan tanishib chiqdik. Bu kodda biz yangi tanishgan color atributi ham ishlatilgan bu atribut font tagi ichidagi matn rangini o'zgartirish uchun ishlatiladi.
color="red" yoki 16 sanoq sistemasi orqali rang berish mumkin color="#ff0"
#html #web #lesson5
Misol uchun: http://telegra.ph/HTML-taglarni-bir-birining-ichida-yozish-01-27
Biz bu kodda H1 tagi ichida font tagini yozish orqali taglarni bir-birini ichiga yozish qoidasi bilan tanishib chiqdik. Bu kodda biz yangi tanishgan color atributi ham ishlatilgan bu atribut font tagi ichidagi matn rangini o'zgartirish uchun ishlatiladi.
color="red" yoki 16 sanoq sistemasi orqali rang berish mumkin color="#ff0"
#html #web #lesson5
Telegraph
HTML taglarni bir birining ichida yozish
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <h1 align="center"> <font color="red">Salom Dunyo !!!</font> </h1> </body> </html>
HTML da asosiy tushunchalar:
1-les : "Teg Tushunchasi"
#web #html #les1
http://telegra.ph/HTML-1-dars-Teg-Tushunchasi-01-30
1-les : "Teg Tushunchasi"
#web #html #les1
http://telegra.ph/HTML-1-dars-Teg-Tushunchasi-01-30
Telegraph
HTML [1-dars] "Teg Tushunchasi"
HTML dasturlash tili asosi teglardan tashkil topgan. Ular ikki xil ko`rinishda bo`ladi: Juft Teglar : <div></div>, <a></a> - ushbu teglarda har bir teg ochilish(begin) va yopilish(end) nuqtalariga ega. Toq Teglar : <img /> , <br /> - ushbu teglar yakkaxon…
DIV - tagi "<div></div>" bu Html da eng ko'p qollaniladigan asosiy taglardan biri hisoblanadi. Oldin web sahifalar tablitsalar ("<table></table>") yordamida yaratilar edi. Hozirda esa bu usul eskirgan hisoblanadi, shu sabali hozirda web sahifalarni asosan "Div" tagi yordamida yaratishadi. Html da taglar 3 tipga ajratiladi:
1. Block taglar - div, ul, nav, p ...
2. Inline taglar - span, a ...
3. Inline-block taglar - bu tip CSS orqali istalgan tagga beriladi.
div bu block tag bo'lgani uchun agar html hujjatga div tagini qoshsak u ekranning gorizontal boyicha butun qismini egallaydi.
Misol: http://telegra.ph/DIV-tagi-haqida-qisqa-malumot-01-31
Namunadan ko'rib turganizdek div tagiga "width" CSS stilini bermagan bolsak ham u web sahifaning gorizontal boyicha butun qismini egalladi.
Hatolik bo'lsa uzur, kodni tekshirishga imkon bo'lmadi. Barcha savollarni Dasturlash gruppasida kutamiz.
#html #css #web
1. Block taglar - div, ul, nav, p ...
2. Inline taglar - span, a ...
3. Inline-block taglar - bu tip CSS orqali istalgan tagga beriladi.
div bu block tag bo'lgani uchun agar html hujjatga div tagini qoshsak u ekranning gorizontal boyicha butun qismini egallaydi.
Misol: http://telegra.ph/DIV-tagi-haqida-qisqa-malumot-01-31
Namunadan ko'rib turganizdek div tagiga "width" CSS stilini bermagan bolsak ham u web sahifaning gorizontal boyicha butun qismini egalladi.
Hatolik bo'lsa uzur, kodni tekshirishga imkon bo'lmadi. Barcha savollarni Dasturlash gruppasida kutamiz.
#html #css #web
Telegraph
DIV tagi haqida qisqa ma'lumot
<html> <head> <title>DIV</title> <style> .myDiv { height: 100px; background: red; } </style> </head> <body> <div class="myDiv"></div> </body> </html>
Yangi va yagona standard HTML5 da semantik teglar haqida qisqacha ma'lumot
#html #css #web
http://telegra.ph/Title-01-29-2
#html #css #web
http://telegra.ph/Title-01-29-2
Telegraph
HTML5 da semantik teglar
Assalomu alaykum! Bugun biz siz bilan HTML5 dagi sematik teglar bilan tanishimiz. Semantik teg dasturchiga ham, brouzerga ham o'zining ichida qanday ma'lumot borligni aniq aytib turadigan tegdir. Masalan <div> (divide ) tegi sahifani ma'lum qismlarga bo'lib…