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!
Assalomu aleykum kanalimiz a'zolari. Juda ko'p vaqtdan beri kanalga ma'lumot yuklay olmayapmiz. Buning uchun sizlardan uzr so'raymiz. Yaqin orada kanalimizga qiziqarli darslar joylanadi.
Forwarded from Simple Web Coding