Tml da rasm bilan ishlash

Yüklə 207,65 Kb. tarix 17.05.2023 ölçüsü 207,65 Kb. #115591

6-mavzu HTML da jadvallar hosil

Bu səhifədəki naviqasiya:

• TABLE [BORDER
• Fayl-Soxranit kak-Nom.tml Sizda mavjud Web brauvzerlar yordamida Web sahifani ochib kring. (Internet Explorer Opera, FireFox.)
• Internet Explorer Opera Firefox
• Mustaqil bajarish uchun vazifa 3-ilova
• DARS JADVALI” nomli Web sahifa yarting. “DEKABR OYI” nomli Web sahifa yarating
• Nazariy ma’lumot.
• 1.jpg nomli
• SPACE
• Pusk – Programmu - Standartnыe - Bloknot.
• Fayl-Soxranit kak-RASM.tml Sizda mavjud Web brauvzerlar yordamida Web sahifani ochib kring. (Internet Explorer Opera, FireFox.)

(Table Data)

HTML da jadvallar hosil qilish. Jadvallar ko’rinishi va boshqarish jarayonlari. Jadvalning ustun va satr teglari. (1-ilova) Nazariy ma’lumot. HTMLda jadvallar odatda uydagi teglar orali ifodalanadi. width="622" cellpadding="7" cellspacing="0">
59
> >
-jadval xosil kilish
60			- jadval ustuni
61
- jadval atorlari teglari
62	Xar bir satr teg
(Table Row) bilan boshlanadi
63	> va	Satrdagi aloida yacheykalar
64	yoki <T> va	(Table eader) bilan raladi.
65	T	odatda yacheyka–sarlavalar uchun foydanalinadi.
66		tegi esa,	yacheyka–berilgan ma`lumotlar uchun llaniladi
67
satrlar midori
68		yoki	ustunlar midori maksimal midor bilan anilanadi
69	<TABLE [BORDER=”_”]	“{ramka alinligi}”>

TOPSHIRIQ -1. ( 2-ilova)

1. 
   Bloknot muaririni ishga tushiring:
   

Pusk – Programmu - Standartnыe - Bloknot.

2. 
   Bu sahifaani “KOPAYTRISH JADVALI” deb ataymiz. Bloknot dasturida jadval hosil qilish kodlarini kiritamiz.
   

3. 
   Hujjatni ish stoliga salang.Fayl-Soxranit kak-Nom.tml
   

Sizda mavjud Web brauvzerlar yordamida Web sahifani ochib kring.
(Internet Explorer Opera, FireFox.)

Internet Explorer	Opera	Firefox

	Mustaqil bajarish uchun vazifa 3-ilova
	“DARS JADVALI” nomli Web sahifa yarting. “DEKABR OYI” nomli Web sahifa yarating

HTML da rasmlar hosil qilish teglari. Rasmlar atrofiga matnlar va jadvallar joylashtirish. Rasmlarga gipermurojaat qo’yish
(1-ilova)


Nazariy ma’lumot. Web – sahifaga brauzerlar krsata oladigan formatdagi rasmlarni rnatish mumkin. (JPG, GIF, BMP, …)Rasm rnatish uchun img tegidan foydalanamiz. Uning asosiy atributi sifatida src="1.jpg" llanilishi mumkin, bu erda src= manbaa ma`nosini anglatadi, "1.jpg" rnatiluvchi rasmli fayl nomi yoki manzili.
1) Web – sahifa faylimiz joylashgan papkadagi 1.jpg nomli rasmni rnatish uchun tegidan foydalanamiz.
2) Agar rasm ichki papkada jolashgan blsa, u olda kabi beriladi, bu erda 12/1.jpg orali manzil krsatilgan.
3) Agar rasm bir pog`ona yuoridagi papkada jolashgan blsa, u olda kabi beriladi, bu erda ../1.jpg orali manzil krsatilgan.
4) Agar rasm boshqa saytda jolashgan blsa, u olda uning manzili tli krsatilishi lozim.
Masalan, .
Img elementning atributlarini krib chiaylik.
SRC- rasmli faylning (URL) manzilini ko’rsatishda llaniladi.
EIGT va WIDT- rasmning eni va balandligini belgilaydi.
ALIGN- rasmning xujjat tarkibida joylashishini belgilaydi va uyidagi iymatlarga ega blishi mumkin:
left- rasmni xujjatning chap tomoniga joylashtiradi, matn ng tomoniga kiritilishi mumkin bo’ladi.
rigt- rasmni xujjatning ung tomoniga joylashtiradi, matn chap tomoniga kiritilishi mumkin bo’ladi.
ALT- brauzerda sichoncha ksatkichi rasm ustiga keltirilganda osil bluvchi (ochiluvchi) matnli izo kiritish imkonini beradi. Agarda brauzerda rasmni ko’rsatish ta`ilangan blsa, rnida mazkur matn osil bo’ladi.
SPACE – chap va ng tomonidan bsh rin oldirish (pikselda).
VSPACE – yuori va pastdan bsh rin oldirish (pikselda).
BORDER- rasmga rnatilgan rom (chegaraviy chizi) ning alinligini belgilaydi.
Rasmlarga gipermurojat oýish uchun MUROJAT MANZILI teglaridan foydalaniladi
TOPSHIRIQ -1. ( 2-ilova)

1. 
   Bloknot muaririni ishga tushiring:
   

Pusk – Programmu - Standartnыe - Bloknot.

2. 
   uydagi Web sahifa kodlarini kiriting:
   

rasm rnatishdagi atributlarning llanilishiga misol

3. 
   Xujjatni ish stolida aloida papkaga salang Fayl-Soxranit kak-RASM.tml
   
4. 
   Sizda mavjud Web brauvzerlar yordamida Web sahifani ochib kring. (Internet Explorer Opera, FireFox.)
   

Internet Explorer	Opera	Firefox

Mustaqil bajarish uchun vazifa 3-ilova

1. 
   “YIL FASILLARI” nomli Web sahifa yarating. Rasmlar rnating
   
2. 
   “TOSHKENT” shari nomli Web sahifa yarating