3 . elementi
section
>
<
h1
>
Заметки о природе
h1
>
<
article
>
<
h2
>
...
h2
>
<
p
>
...
p
>
<
<
/
article
>
article
>
<
<
h2
>
...
h2
>
p
>
...
p
>
<
/
article
>
<
<
/
section
>
section
>
<
h1
>
Исторические заметки
h1
>
<
article
>
<
<
h2
>
...
h2
>
p
>
...
p
>
<
/
article
>
<
article
>
<
<
h2
>
...
h2
>
p
>
...
p
>
article
>
<
<
/
section
>
3 . elementi
nav
>
<
h2
>
...
h2
>
<
ul
>
<
<
<
li
><
a
>
...
a
>li
>
li
><
a
>
...
a
>li
>
li
><
a
>
...
a
>li
>
<
/
ul
>
<
/
nav
>
4 . elementi
<
aside
>
<
h2
>
Oʻzbekiston
h2
>
<
p
>
Oʻzbekiston Markaziy Osiyodagi davlatdir. U oʻzining masjidlari, maqbaralari va Buyuk ipak yoʻli
–
Xitoy va Oʻrta yer dengizi oʻrtasidagi qadimiy savdo yoʻlida qad rostlagan inshootlari bilan
mashhur. Bu yoʻlda muhim nuqta boʻlgan Samarqand shahri XV-XVII asrlarda qurilgan, mozaikalar
bilan bezatilgan uchta madrasa (musulmon taʼlim muassasalari) bilan oʻralgan Registon maydoni tufayli
jahon miqyosida shuhrat qozongan
.
p
>
<
/
aside
>
HTML5 da forma elementlaridan foydalanish Yillar davomida veb-formalar HTML5 paydo bo'lgunga qadar turli xil o'zgarishlardan
o'tdi. Yangi va takomillashtirilgan HTML5 elementlari va ularning atributlarini joriy etish bilan
har kim chiroyli, funktsional va foydalanishi mumkin bo'lgan formalarni yaratishni o'rganishi
mumkin. Ko'p sonli forma elementlaridan eng muhimlari quyidagilardan iborat:
< fieldset> Tegdan veb-shakldagi tegishli elementlarni (boshqaruvlar va teglar) atrofida
chegara chizish orqali guruhlash uchun foydalanasiz . U odatda
legend, label va input kabi
elementlarni o'z ichiga oladi.
< legend>Maydon majmuasi elementlari uchun sarlavhalarni belgilash uchun tegdan
foydalanasiz . Shu tarzda undan elementlarni guruhlash usuli sifatida ham foydalanish mumkin.
label>teg bir nechta elementlarga ta'rif beradi. Tegni har doim elementga
bog'lashingiz kerak, chunki:
< 1
2
3
. Foydalanuvchi yorliqni bosish orqali kiritilgan ma'lumotlarga diqqatini qaratishi
mumkin;
. Kirish fokuslanganida, ekranni o'qiydiganlar turli xil imkoniyatlarga ega
foydalanuvchilarga yordam berish uchun yorliqni o'qiydilar.
. Belgilash katakchalari uchun, ayniqsa mobil qurilmalarda, kichikroq narsalarni
osongina bosa olmaydigan foydalanuvchilar katakchani yoqish uchun yorliqni
bosishlari mumkin.
<
fieldset
class
="
first-section
">
<
<
legend
>
Contact Details
legend
>
label
for
="
name
">
Name
label
>
<
input
type
="
text
"
id
="
name
"
name
="
name
"
autofocus placeholder
="
Ophy Boamah
"
autocomplete
="
on
"
required
> <
br
><
br
>
<
<
<
<
label
for
="
email
">
Email
label
>
input
type
="
email
"
id
="
email
"
placeholder
="
ob2@hotmail.com
"> <
br
><
br
>
label
for
="
tel
">
Phone
label
>
input
type
="
tel
"
id
="
tel
"
placeholder
="
+233 200001212
"> <
br
><
br
>
<
/
fieldset
>
Bootstrap texnologiyasi Bootstrap
texnologiyasiga kirishdan oldin Bootstrap o’zi nima ekanligini qanday
foydalanish kerakligini tushunib olamiz. Web ilova yaratish mobaynida kodni oson va qulay
yozish uchun kutubxonalar yaratilgan. Masalan HTML CSS va JavaScript uchun kutubxonalari
mavjuddir. Bu kutubxonalar jamlanmasi esa Bootstrap texnologiyasini tashkil qiladi.
Bootstrap tez va oson veb-ishlab chiqish uchun bepul oldingi asos hisoblanadi
Bootstrap tipografiya, shakllar, tugmalar, jadvallar, navigatsiya, modalliklar, tasvirlar
karusellari va boshqalar uchun HTML va CSS-ga asoslangan dizaynlashtirilgan
andozalar, shuningdek ixtiyoriy JavaScript-ni plaginlari
Bootstrap, sizga osonlik bilan javob beruvchi dizaynlarni yaratish qobiliyatini beradi
Bugungi kunda internetda eng mashxur kutubxonalardan biri hisoblanmish Bootstrap
asosiy maqsadlaridan biri web-ilovalarini nafaqat kompyuterda balki mobil ko’rinishda o’zining
shaklini o’zgartirmaslikni hisobga olgan.
Nazorat savollari
1
2
. HTML5 elementlari?
. HTML5 ni bootstrap bilan ishlash qoidalari
