HTMLda ro'yxatlar.
HTMLda ro'yxatlar ikki xil bo'ladi.
1β£- tartiblangan ro'yxatlar <ol></ol> teglari orasiga <li></li> teglari yordamida yaratiladi.
--- MISOL ---
<ol>
<li>Olma</li>
<li>Anor</li>
<li>Nok</li>
</ol>
2β£- tartiblanmagan ro'yxatlar
<ul> </ul> teglari orasiga <li></li> tegi yordamida yaratiladi.
--- MISOL ---
<ul>
<li>Olma</li>
<li>Anor</li>
<li>Nok</li>
</ul>
π Manba
@webdasturchilar_html_css_js
HTMLda ro'yxatlar ikki xil bo'ladi.
1β£- tartiblangan ro'yxatlar <ol></ol> teglari orasiga <li></li> teglari yordamida yaratiladi.
--- MISOL ---
<ol>
<li>Olma</li>
<li>Anor</li>
<li>Nok</li>
</ol>
2β£- tartiblanmagan ro'yxatlar
<ul> </ul> teglari orasiga <li></li> tegi yordamida yaratiladi.
--- MISOL ---
<ul>
<li>Olma</li>
<li>Anor</li>
<li>Nok</li>
</ul>
π Manba
@webdasturchilar_html_css_js
HTMLda ro'yxatlar. <2-qism>
π Tartiblangan ro'yxat uchun atributlar.
<ol type="a">
<li> Noutbuk </li>
<li> Smartfon </li>
<li> Planshet </li>
</ol>
Bu yerda <ol> tegiga tartiblash turi uchun type="a" dan foydalandik. Buning natijasida ro'yxat kichik "a" harfidan boshlab ingliz alifbosi tartibida ro'yxatni belgilab boradi.
Bundan tashqari "type" ga "A" yoki "1" qiymatlarini ham berish mumkin.
π Tartiblanmagan ro'yxat uchun atributlar.
<ul type="circle">
<li> Noutbuk </li>
<li> Smartfon </li>
<li> Planshet </li>
</ul>
Tartiblanmagan ro'yxatda "type"
- disc
- circle
- square qiymatlarini qabul qiladi.
Yuqoridagilarni o'zingiz ham yozib ko'rishingizni maslahat beraman. Kelgusida CSS haqida ham darslar qilishga harakat qilamiz. Buning uchun HTML haqida tushincha bo'lishi kerak.
π Manba
@webdasturchilar_html_css_js
π Tartiblangan ro'yxat uchun atributlar.
<ol type="a">
<li> Noutbuk </li>
<li> Smartfon </li>
<li> Planshet </li>
</ol>
Bu yerda <ol> tegiga tartiblash turi uchun type="a" dan foydalandik. Buning natijasida ro'yxat kichik "a" harfidan boshlab ingliz alifbosi tartibida ro'yxatni belgilab boradi.
Bundan tashqari "type" ga "A" yoki "1" qiymatlarini ham berish mumkin.
π Tartiblanmagan ro'yxat uchun atributlar.
<ul type="circle">
<li> Noutbuk </li>
<li> Smartfon </li>
<li> Planshet </li>
</ul>
Tartiblanmagan ro'yxatda "type"
- disc
- circle
- square qiymatlarini qabul qiladi.
Yuqoridagilarni o'zingiz ham yozib ko'rishingizni maslahat beraman. Kelgusida CSS haqida ham darslar qilishga harakat qilamiz. Buning uchun HTML haqida tushincha bo'lishi kerak.
π Manba
@webdasturchilar_html_css_js
HTML kodlarimizni smartfonimiz orqali ham yozishimiz mumkin. Buning uchun anWriter dasturi kerak bo'ladi. Play Market orqali yuklab olishingiz mumkin. Tavsiya qilaman.
π² YUKLAB OLISH
@webdasturchilar_html_css_js
π² YUKLAB OLISH
@webdasturchilar_html_css_js
Qaysi biri to'gri yozilgan?
Anonymous Quiz
24%
<p> Web dasturlash </p>
6%
<h2> Bu sarlavha </h2>
6%
<u> Bu gapimiz tagiga chizilgan holatda. </u>
65%
Barcha javob to'g'ri.
HTML standart kodirovkasi UTF-8 hisoblanadi.
<head> tegi orasiga yoziladi. Quyida misol keltirilgan.
<head>
<meta charset="UTF-8">
</head>
<head> tegi orasiga yoziladi. Quyida misol keltirilgan.
<head>
<meta charset="UTF-8">
</head>
HTMLda kommentariya qanday ifodalanadi.
Anonymous Quiz
76%
<!-- Bu kommentariya -->
6%
<-- Bu kommentariya -->
18%
#Bu kommrntariya
Kanalimiz statistikasi.
Yaqinda kanalimiz bundanda yuqori natijalarga erishadi hamda sizlar uchun qimmatli ma'lumotlar bilan to'ldirib boriladi.
Biz bilan bo'ling...
@webdasturchilar_html_css_js
Yaqinda kanalimiz bundanda yuqori natijalarga erishadi hamda sizlar uchun qimmatli ma'lumotlar bilan to'ldirib boriladi.
Biz bilan bo'ling...
@webdasturchilar_html_css_js
HTML - jadvallar.
HTMLda jadval quyidagi ko'rinishda bo'ladi.
<table>
<tr>
<td> Bir </td>
<td> Ikki </td>
<td> Uch </td>
</tr>
</table>
Endi bu teglarni o'rganib chiqamiz.
<table></table> - jadval yaratmoqchi bo'lsak, mana shu teglar ichiga <tr> va <td> teglari orqali jadval jaratamiz.
<table border="2px"> - bu yerda border jadval chegarasi qalinligini bildiradi. O'zingiz qiymatini o'zgartirib ko'rsangiz, tez tushunib olasiz.
<tr></tr> - jadval qatorini ifodalaydi.
<td></td> - jadval qatorini ustunlarga bo'laklab chiqadi. Ya'ni jadval ustunini ifodalaydi.
@webdasturchilar_html_css_js
HTMLda jadval quyidagi ko'rinishda bo'ladi.
<table>
<tr>
<td> Bir </td>
<td> Ikki </td>
<td> Uch </td>
</tr>
</table>
Endi bu teglarni o'rganib chiqamiz.
<table></table> - jadval yaratmoqchi bo'lsak, mana shu teglar ichiga <tr> va <td> teglari orqali jadval jaratamiz.
<table border="2px"> - bu yerda border jadval chegarasi qalinligini bildiradi. O'zingiz qiymatini o'zgartirib ko'rsangiz, tez tushunib olasiz.
<tr></tr> - jadval qatorini ifodalaydi.
<td></td> - jadval qatorini ustunlarga bo'laklab chiqadi. Ya'ni jadval ustunini ifodalaydi.
@webdasturchilar_html_css_js
Ushbu misol bilan tanishib chiqing.
O'zingiz boshqa ko'rinishda jadval tuzishga harakat qiling.
Tayyorlagan jadvalingizni ushbu botga yuborishingiz mumkin.
π€ @programmers_support_bot
π Manba
@webdasturchilar_html_css_js
O'zingiz boshqa ko'rinishda jadval tuzishga harakat qiling.
Tayyorlagan jadvalingizni ushbu botga yuborishingiz mumkin.
π€ @programmers_support_bot
π Manba
@webdasturchilar_html_css_js
HTMLda ro'yxat turlari nechta?
Anonymous Quiz
81%
2 ta - tartiblangan, tartiblanmagan
19%
tartiblangan
0%
tartiblanmagan
To'g'ri yozilgan teglar qatorini ko'rsating.
Anonymous Quiz
83%
<head>,<body>,<title>,<br />,<ol>
6%
<ol>,<//body>,</br>,<embed>,<ul>,<li>
11%
<br>,<i>,<a>,<li/>,<table>,<html>
<em> Har kuni kitob o'qing! </em> - ushbu teg orasida yozilgan gapimiz qanday ko'rinishda bo'ladi?
Anonymous Quiz
67%
Kursiv
33%
Ustiga chizilgan
0%
Qalinlashtirilgan
Kanalimiz sizga yoqyaptimi?
Anonymous Poll
79%
βββββ
11%
ββββ
0%
βββ
0%
ββ
11%
β
Xayrli kech kanal a'zolari. Ertadan yana darslarni boshlaymiz.
Biz bilan bo'ling!
Biz bilan bo'ling!