Sahifa sarlavhasi

1-LABORATORIYA ISHI
HTML ASOSLARI
Ishdan maqsad: Sahifa hujjatlarini tahrirlashning turli usullari bilan tanishish. Html-sahifa yaratishni o'rganish. Sahifaning fonini belgilash va fonga rasm qo'yish, sahifaga grafik tasvirlarni joylashtirishni o'rganish.
Laboratoriya ishiga topshiriq:
1
.Ixtiyoriy nomdagi brauzer sarlavhasini yarating (1-rasmga qarang).
1-rasm. Brauzer sarlavhasi
2. Quyida keltirilgan misolga o'xshash 6 xildagi sarlavhani o'z ichiga olgan html fayl yarating:

1-darajali Sarlavha 2-darajali Sarlavha 3-darajali Sarlavha 4-darajali Sarlavha 5-darajali Sarlavha 6-darajali Sarlavha

O’rtaga Chapga O’ngga chapga chapga O’ngga

3. Matnni markazlashtirish, xatboshi (xatboshi) va qatorni ko'chirish teglaridan foydalangan holda to'rtlik she`r yozing:
Boshni fido ayla ato qoshig'a,
Jismni qil satqa ano boshig'a.
Tun-kunga aylanur nurposh,
Birisin oy ayla, birisin quyosh.
A.Navoiy
4. Matnlarni tahrirlash teglaridan foydalanib, yozuvni qaytaring:
Bo'rttirilgan: Sahifani ko'rsatish mumkin emas.
Kursiv: Bu sahifaga hozir kirish mumkin emas.
Chizilgan: Bu sahifaga hozir kirish mumkin emas
Men tagiga chizilgan matnman.


Log₃(x)+Log₃(x)² ax²+bx+c
Bu matn Comic Sans MS shriftida yozilgan.
5. Grafik tasvirlarni(rasm) HTML faylga joylashtiring.
6. Rasmni fon ko'rinishida joylashtiring.

Nazariy qism

Sarlavha strukturasi
Gipermatnli sahifa HTML tilida yoziladi va qo'sh markerlar bilan chegaralanadi:
va
Izohlar esa izohlar markeri ichida keltiriladi va brauzer tomonidan aks ettirilmaydi:


Sahifa - sarlavha qismidan va -sahifa tanasidan tashkil topadi. Bo'sh web-sahifa dasturi quyidagi ko'rinishda bo'ladi:







TEXT= #rrggbb
LINK= #rrggbb
VLINK= #rrggbb
ALINK= #rrgbb >
5. Sahifaga tasvir tushirish (images)
Sahifadagi matnga tasvir(rasm,surat) joylashtirish uchun markeri qo'llaniladi. Ushbu markerda tasvir joylashgan grafik faylga murojaat, shuningdek tasvirning balandligi va kengligi (qo'ymasa ham bo'ladi), hamda tasvir bo’lmagan holda yozuv matni ko'rsatiladi.
HEIGHT="balandlik"
WIDTH="kenglik"
ALIGN="LEFT|CENTER|RIGHT|MIDDLE|TOP|BOTTON"-matnga qarab tekislash
BORDER=n - ramka qalinligi
VSPACE="matn va rasm orasidagi vertikal masofa"
HSPACE="matn va rasm orasidagi gorizontal masofa"
ALT="yozuv matni" >
Misol uchun: IMAGES katolog ostida joylashgan hamda balandligi 38 va kengligi 30 piksel bo'lgan "yahoo" yozuvli, Gif kengaytmali “yahoo” tasvirini yuklash quyidagicha amalga oshiriladi:

Barcha brauzerlarda tasvirlarning .GIF va .JPG/, .JPEG standart formatlari qo'llaniladi
Tasvirning o'lchamlarini ko'rsatish brauzerga faylni yuklashni optimallashtirish imkonini beradi. Brauzer darhol tasvir uchun ramka tayyorlaydi va sahifaga matnni yuklashni davom ettiradi. Grafik yuklangunga qadar, foydalanuvchi matnni o'qiy boshlash imkoniga ega bo'ladi.
Sahifada shuningdek fon rasmini ham joylashtirish mumkin. Buning uchun sahifa tanasida BACKGROUND = "tasvir" atributi ishlatiladi.

Nazorat savollari:

1. HTML-hujjatning strukturasi qanday?
2. Brauzer oynasining sarlavhasi qanday yaratiladi?
3. Hujjatda matn sarlavhalar qanday usullarda aks ettiriladi?
4. Matnda yangi xatboshi qanday yaratiladi?
5. Matndagi yozuv shaklini va rangini o'zgartirishda ishlatiladigan teglar nomlarini ayting?
6. Rang qanday beriladi?
7. Hujjatga tasvir qanday tushiriladi?
8. Tasvirni hujjat foni sifatida ishlatish mumkinmi?
9. Qaysi teg yordamida sahifada gorizontal chiziq chizish mumkin?
10.Brauzerda bo'rttirilgan, tagiga chizilgan shriftni qanday aks ettirish mumkin?