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


Download 346.87 Kb.
Pdf ko'rish
bet4/4
Sana18.06.2023
Hajmi346.87 Kb.
#1583088
1   2   3   4
 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



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]



>




FOOTER CONTENT

Lorem ipsum dolor sit amet consectetur adipisicing elit.
Molestiae modi cum ipsam ad, illo possimus laborum ut
reiciendis obcaecati. Ducimus, quas. Corrupti, pariatur eaque?
Reiciendis assumenda iusto sapiente inventore animi?




Links



  • Link 1


  • Link 2


  • Link 3


  • Link 4




  • Links



  • Link 1




  • Link 2


  • Link 3


  • Link 4




  • Links



  • Link 1


  • Link 2


  • Link 3




  • Link 4




  • Links



  • Link 1


  • Link 2


  • Link 3


  • Link 4










  • Register for free

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












    Download 346.87 Kb.

    Do'stlaringiz bilan baham:
    1   2   3   4




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