O‘zbekiston respublikasi oliy va o‘rta maxsus ta’lim vazirligi guliston davlat universiteti yuldashev Ulmasbek Abdubanapovich

bet	17/47
Sana	17.10.2023
Hajmi	4.4 Mb.
	#1706295
Turi	Учебное пособие

1 ... 13 14 15 16 17 18 19 20 ... 47

Bog'liq
Web dizayn

32
Misol
<
table
>
<
tr
>
<
th
>
ISM:
th
>
<
td
>
Abdumannopov Akmal
td
>
tr
>
<
tr
>
<
th
rowspan
="
2
">
Telefon raqam:
th
>
<
td
>
99897 234 56 78
td
>
tr
>
<
tr
>
<
td
>
99897 234 56 78
td
>
tr
>
table
>
Jadvallarga sarlavha qo‘shish

Element yordamida jadvallaringiz uchun sarlavha (yoki sarlavha)
belgilashingiz mumkin.
Element ochilish keyin to‘g‘ridan joylashtirilgan bo‘lishi lozim
teg. Odatiy bo‘lib, jadvalning yuqori qismida sarlavha paydo bo‘ladi, ammo
siz uning o‘rnini CSS yordamida o‘zgartirishingiz mumkincaption-side xususiyati.
Quyidagi misol ushbu elementni jadvalda qanday ishlatilishini ko‘rsatadi.
Miso l
<
table
>
<
caption
>
Foydalanuvchilar haqida ma’lumot
caption
>
<
tr
>
<
th
>
Yo‘q.
th
>
<
th
>
ISM
th
>
<
th
>
Yoshi
th
>
tr
>
<
tr
>

33
<
td
>
1
td
>
<
td
>
Abdumannopov Akmal
td
>
<
td
>
2
td
>
tr
>
<
tr
>
<
td
>
2
td
>
<
td
>
Yuldashev Baxtiyor
td
>
<
td
>
33
td
>
tr
>
table
>
Jadval sarlavhasi, tanasi va altbilgisini aniqlash
HTML teglar bir qator beradi

, va bu, o‘z navbatida,
nom, tanasi va futbol viloyatlariga belgilash, siz ko‘proq tuzilgan jadval yaratish
uchun yordam beradi.
Quyidagi misol ushbu elementlardan foydalanishni namoyish etadi.
Misol
<
table
>
<
thead
>
<
tr
>
<
th
>
Elementlar
th
>
<
th
>
Xarajatlar
th
>
tr
>
thead
>
<
tbody
>
<
tr
>
<
td
>
Statsionar
td
>
<
td
>
2,000
td
>
tr
>
<
tr
>
<
td
>
Mebel
td
>

34
<
td
>
10,000
td
>
tr
>
tbody
>
<
tfoot
>
<
tr
>
<
th
>
Jami
th
>
<
td
>
12,000
td
>
tr
>
tfoot
>
table
>
Eslatma: HTML5,

element oldin yoki keyin ham joylashtirilishi
mumkin va elementlar, lekin har qanday va
elementlar so‘ng paydo bo‘ladi.

Misol:

,
Ism	Familiya	Yoshi
Akmal	Abdumannopov	5
Baxtiyor	Yuldashev	33
Mashhura	Abdumannopova	3

Ism

Familiya

Yoshi

Akmal

Abdumannopov

Baxtiyor

Yuldashev

Mashhura

Abdumannopova

Ism
Familiya
Yoshi

Akmal
Abdumannopov
5

Baxtiyor
Yuldashev
33

Mashhura
Abdumannopova

39
3

Ism
Familiya
Yoshi

Akmal
Abdumannopov
5

Baxtiyor
Yuldashev
33

Mashhura
Abdumannopova
3

41

Ism
Familiya
Yoshi

Akmal
Abdumannopov
5

Baxtiyor
Yuldashev
33

43

Mashhura
Abdumannopova
3

Ism
Familiya
Yoshi

Akmal
Abdumannopov
5

Baxtiyor
Yuldashev
33

45
Mashhura
Abdumannopova
3

Ikkita ustunni o‘z ichiga olgan katak:

Ism
Telefon raqam

Abdumannopov Akmal
998 97 234 56 78
998 99 876 54 32

Ikki qatorni o‘z ichiga olgan katak:

Ism:
Akmal Abdumannopov

Telefone raqam:
97 234 56 78

99 876 54 32

Ma’lumotlar

Ism
Familiya

50
Yoshi

Akmal
Abdumannopov
5

Baxtiyor
Yuldashev
33

Mashhura
Abdumannopova
3

Ism
Familiya
Yoshi

Akmal
Abdumannopov
5

Baxtiyor
Yuldashev
33

Mashhura
Abdumannopova
3

53

Ism
Familiya
Yoshi

Akmal
Abdumannopov
5

Baxtiyor
Yuldashev
33

Mashhura
Abdumannopova
3

Tashqi jadvalning birinchi ustuni

55

Ichki jadvalning birinchi qatori

Ichki jadvalning ikkinchi qatori

O‘xshash matn

Alt atributi tasvir tarkibini aks ettirishi kerak, shuning uchun tasvirni ko‘ra
olmaydigan foydalanuvchilar tasvirda nima borligini tushunishadi:
src="img_chania.jpg"
alt="Flowers
in
Chania"
width="460"
height="345">
va

Sayt freymlar bilan

Sahifa 1 (2,3)

Bu Web – saytimizning birinchi (ikkinchi, uchinchi) saxifasi.
va
CENTER>

Primer ispolzovaniya kontseptsii “plavayuhix freymov”

«O‘zgaruvchan» freymlarni birinchi va yagona bo‘lib quvvatlab turgan brauzer
– bu Microsoft Internet Explorer brauzeridir. Bunday freymlar ekranning istagan
joyda, xuddi grafik tasvirlar va jadvallar singari, joylashi mumkin.

ism:

79
familiya:

e-mail:

Erkak

86
Boshqalaridan

Shaxsiy ma’lumot
Familiya:
Ism:
Manzil:

Kasallik tarixi
type="checkbox" value="Smallpox" tabindex="20"> Ospa
tabindex="21"> Gripp
tabindex="22"> Bosh aylanish value="Sneezing" tabindex="23"> Yutal

Joriy muolaja
Hozir qandaydir dori qabul kilayapsizmi?
tabindex="35">Ha
tabindex="35">Yo‘q
Hozirgi qabul qilayotgan dorilar ro‘yxatini yozing:
rowsq"10" colsq"50" tabindex="40">

elementidan ma’lum bir joyni
tanlang . Keyin yuqori o‘ng oynaga o‘ting va Qo‘shish- ni bosing . O‘zingizning
sahifangizga qo‘shishingiz mumkin bo‘lgan umumiy HTML elementlari ro‘yxati
paydo bo‘lishi kerak edi.
Sarlavha elementini toping .
Uni bosing yoki uni ish joyingizga torting. U avtomatik ravishda tegishli kod
bilan birga saytingizga qo‘shiladi.
34-rasm. HTML ga sarlavha qismini yaratish.

109
Keyin biz sarlavhamizni ...
yorlig‘i bilan sarlavhaga
aylantiramiz. Biz buni birinchi navbatda SEO uchun, qidiruv tizimiga saytimiz nima
haqida ekanligini aytib berish uchun qilamiz. Ushbu bo‘limda tegishli matnni
tanlang, so‘ng Qo‘shish paneliga o‘ting . H1 sarlavhasini toping va ustiga bosing.
Shundan so‘ng, matnni saytingizning sarlavhasi bilan almashtiring. Bu
tavsiflovchi va vakillik qiladigan narsa bo‘lishi kerak. Misol tariqasida biz " Bizning
web saytimizga xush kelibsiz " iborasini qo‘llaymiz .
35-rasm. Sarlavha yaratish.
Navigatsiyani qo‘shing
Navigatsiya tugmachasini qo‘shish uchun qaytish yoki kiritish tugmachasini
bosib sarlavhadan keyin qatorni qo‘shing. Endi qo‘shish paneliga o‘ting va

Download 4.4 Mb.

Do'stlaringiz bilan baham:

1 ... 13 14 15 16 17 18 19 20 ... 47