1-mustaqil ish Mavzu: html va teglar haqida tushunchalar. Html teglarida uch hil turdagi tugmalar. Surat, video teglari bilan ishlash. Nazariy qism

Mavzu: HTML, CSS orqali jadvallar yaratish

bet	4/4
Sana	18.06.2023
Hajmi	346.87 Kb.
	#1583088

1 2 3 4

Jadval atributlari
Mavzu: Bootstrap frameworki orqali header, conteent va footer yaratish.

jadvaldagi satrlarni aniqlash.
jadvaldagi alohida yacheykani aniqlash.
jadval sarlavhasini aniqlash.
Jadval atributlari
Jadval ramkasi qalinligini berish.
Jadval yacheykalari orasidagi masofani berish.
jadval qiymatlari va ramkasi orasidagi masofani
berish.
jadval enini piksellarda yoki hujjat eniga nisbatan
foizlarda berish.
yoki left, center, yoki right qiymatlarini
qo’llab jadvalda yacheykalarni tekislash.
yoki top, middle, yoki bottom qiymatlarini
qo’llab jadval yacheykalarini vertikal bo’yicha tekislash.
Bitta yacheykaga birlashgan ustunlar sonini ko’rsatish.
(jimlik bo’yicha =1)

Bitta yacheykaga birlashgan satrlar sonini ko’rsatish.
(jimlik bo’yicha =1)
brauzerga jadval yacheykasidagi satrni ko’chirishni
taqiqlaydi.
DOCTYPE
html
>
<
html
>
<
head
>
<
title
>
Ulugbek
title
>
head
>
<
body
>
<
h1
>
Ulugbek
h1
>
<
p
>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Blanditiis,
dicta!
<
a
href
=
"https://google.com"
><
strong
>
Google
strong
> a
>
lorem2
p
>
<
br
>
<
br
>
<
img
src
=
"rasm.jpg"
alt
=
"rasm bor"
width
=
"400"
height
=
"350"
>
<
br
>
<
table
border
=
"1"
>
<
thead
>
<
th
>
ismi
th
>
<
th
>
yoshi
th
>
<
th
>
yashash joyi
th
>
<
th
>
o`qish joyi
th
>
thead
>
<
tbody
>
<
tr
>
<
td
>
ulugbek
td
>
<
td
>
19
td
>
<
td
>
qashqadaryo
td
>
<
td
>
tatu
td
>
tr
>
<
tr
>
<
td
>
asadbek
td
>
<
td
>
20
td
>
<
td
>
buxoro
td
>
<
td
>
milliy universiteti
td
>
tr
>
<
tr
>
<
td
>
saidbek
td
>
<
td
>
19
td
>
<
td
>
jizzax
td
>
<
td
>
moliya instituti
td
>
tr
>

<
br
>
tbody
>
table
>
<
br
>
<
audio
controls
>
<
source
src
=
"123.mp3"
type
=
"audio/mp3"
>
audio
>
<
br
>
<
video
controls width
=
"400"
height
=
"350"
>
<
source
src
=
"shrek.mp4"
type
=
"video/mp4"
>
video
>
<
br
>
<
br
>
<
iframe
width
=
"400"
height
=
"350"
src
=
"https://www.youtube.com/embed/xcGtfYUfDLo"
title
=
"1 Soatda HTMLni
o'rganamiz"
frameborder
=
"0"
allow
=
"accelerometer; autoplay; clipboard-
write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
>iframe
>
<
br
>
<
iframe
src
=
"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4529.8411324
81528!2d69.2868429442924!3d41.340765146007556!2m3!1f0!2f0!3f0!3m2!1i102
4!2i768!4f13.1!3m3!1m2!1s0x38ae8b534175ed31%3A0x52a8f9d9414a2ad8!2z0KLQ
sNGI0LrQtdC90YLRgdC60LjQuSDQo9C90LjQstC10YDRgdC40YLQtdGCINCY0L3RhNC-
0YDQvNCw0YbQuNC-
0L3QvdGL0YUg0KLQtdGF0L3QvtC70L7Qs9C40Lk6!5e0!3m2!1sru!2s!4v166701864277
0!5m2!1sru!2s"
width
=
"400"
height
=
"350"
style
=
"border:0;"
allowfullscreen
=
""
loading
=
"lazy"
referrerpolicy
=
"no-referrer-when-
downgrade"
>iframe
>
body
>
html
>

3-mustaqil ish
Mavzu: Bootstrap frameworki orqali header, conteent va footer
yaratish.

Document

Tugma -->

Navbar scroll

Home

Link

role="button" data-bs-toggle="dropdown" aria-expanded="false">
Link

Action

Another action

Something else here

Link

label="Search">

Description lists

A description list is perfect for defining terms.
Term

Definition for the term.
And some more placeholder definition text.

Another term
This definition is short, so no extra paragraphs or anything.
Truncated term is truncated
This can be useful when space is tight. Adds an ellipsis at the
end.
Nesting

Nested definition list
I heard you like definition lists. Let me put a definition list inside
your definition list.

+998332666660, [11/04/2023 13:41]