3 -laboratoriya ishi htm asosiy teglari. Formalar bilan ishlash. Ishdan maqsad


Download 0.87 Mb.
Pdf ko'rish
bet4/4
Sana04.04.2023
Hajmi0.87 Mb.
#1326853
1   2   3   4
Bog'liq
3-laboratoriya ishi (2)

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
 



5 . 

 
elementi 

h1>Yuqori darajali sarlavha
 
h2>Ikkinchi darajali sarlavha 
h3>Uchinchi darajadagi sarlavha 
h4>To'rtinchi darajali sarlavha 
h5>Beshinchi darajali sarlavha 
h6>Oltinchi darajadagi sarlavha 





6 . 
 
elementi 
<
header
>
<
h1
>
Flexbox: To’liq ma’lumotlar
h1
>
aside
>
<
<
header
>
<
h2
>
Автор: Wes McSilly
h2
>
<
p
><

href
="
#
">
Contact
a
>p
>
<
/
header
>
<
p
>
Flexbox.
p
>
<
/
aside
>
<
<
/
header
>
7 . 
 
elementi 
footer
>
<
nav
>
<
section
>
h2
>
Статьи
h2
>
p
><
img 
src
="
images/somersaults.jpeg

alt
="">
<
<

<
<

href
="
articles/somersaults/1
">
Часть 1
a

·

href
="
articles/somersaults/2
">
Часть 2
a
>
<
<
<
/
p
>
p
>
img 
src
="
images/crisps.jpeg
">
<

href
="
articles/crisps/1
">
Читать далее...
a
>p
>
<
/
section
>
<
ul
>
<
<
<
li
> <

href
="
/about
">
О нас...
a
>
li
> <

href
="
/feedback
">
Связаться с нами!
a
>
li
> <

href
="
/sitemap
">
Карта сайта
a
>
<
/
ul
>
<
/
nav
>
<
p
><
small
>
© 2020 
<

href
="
/tos
">
Условия обслуживания
a
>small
>p
>
<
/
footer
>


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 


. HTML5 elementlari? 
. HTML5 ni bootstrap bilan ishlash qoidalari 

Download 0.87 Mb.

Do'stlaringiz bilan baham:
1   2   3   4




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling