Muhammad al-Xorazmiy nomidagi Toshkent axborot texnologiyalar universiteti Fan nomi: Web dasturlashga kirish


HTML-dagi tugma uch xil usulda yaratilishi mumkin


Download 105.61 Kb.
bet8/9
Sana16.06.2023
Hajmi105.61 Kb.
#1518252
1   2   3   4   5   6   7   8   9
Bog'liq
webbb

HTML-dagi tugma uch xil usulda yaratilishi mumkin:

  • Kirish yorlig'i bilan ; input

  • Tugma tegidan foydalanish ; button

  • Havola ( teg ) va CSS xususiyatlari bilan.



HTML da VIDEO qo’yish

Htmlda RASM joylashtirish


CSS margin
CSS margin xususiyatlari bu elementlar atrofidagi joyni umumlashtirish. Margin xususiyatlari chegara tashqarisidagi oq b''sh joy o'lchamini o'rnatish. Bu elementni 80px (piksel) cheti (margin) bor.
CSS margin xususiyatlari chegara tashqarisidagi oq bo'sh joy 'lchamini belgilaydi.
... Marginlar butunlay transparent(shaffof) - orqa fon rangi yo'q.
CSS bilan, siz marginlarni to'liq ravishda nazorat qilishingiz mumkun.
Bu yerda elementning har bir tarafidan (yuqori, o'ng, past, va chap) margin o'rnatish uchun CSS xususiyatlari
Margin - Alohida tomonlari
CSS bir elementning har tomonidagi chekka bo'shlig'ni aniqlash uchun xususiyatlarga ega:

  • margin-top(yuqori)

  • margin-right(o'ng)

  • margin-bottom(tub)

  • margin-left(chap)

Hamma margin xususiyatlari quyidagi qiymatlarga ega bo'lishi mumkin:
auto(avto) - brauzer marginni hisoblaydi
length(uzunlik) - marginni px, pt, cm va boshqalardagi marginni bildiradi.
% - marginni elementning kengligini % (foiz)idaligini bildiradi.
inherit(me'ros) - marginni ota elementdan ko'rinishi bir hil bo'lib qolganligini bildiradi
... Marginlar uchun manfiy qiymatlarni ham foydalanish mumkin; kontentni qoplashga.
Quyidagi misol "
" elementning to'rt tomoni uchun turli hil marginlarni o'rnatadi.
Namuna:
p {
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;
}
Quyidagi misol chap margin ota elementdan meros bo'lib o'tgan:
Namuna:
div.container {
border: 1px solid red;
margin-left: 100px;
}
p.one {
margin-left: inherit;
}

Download 105.61 Kb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6   7   8   9




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