|
Toshkent davlat agrar universiteti s. M. Aminov, S. I. Muxamadiyev, S. Sh. Rasulov axborot kommunikatsionBog'liq kommunikacion tehnologijalar 2020 j
17-amaliy mashg’ulot. Web sahifani yaratishda HTML tili.
Ishdan maqsad: Web sahiflarni HTML da yaratishni o’rganish. HTML tilida
gipermurojaatlarni o’rganish. Web sahifalar bilan ishlash ko’nikmalarini
takomillashtirish.
I uslubiy ko’rsatmalar:
Notepad ni ochamiz. HTML faylni yaratishni boshlaymiz.
Sarlavha yozish uchun:
Teglari yoziladi.
Brauzer bu teglar orasidagi so‘zlarni sarlavha deb qabul qiladi va Brauzerning eng
tepa qismiga Shu matnni yozadi. Endi sahifaning tanasini hosil qilamiz:
tegiga stil berib, dastlabki o‘rnatilish(po
umolchaniyu) jarayonini hosil qilish mumkin. Shunda biror elementga stil berish
esdan chiqib qolsa, tegida ta’luqli stil esdan chiqgan elementga o‘rnatiladi.
BODY {color: green;
font-family: «Verdana»;
background: url(joke.gif) white; }
CSS da selektor vazifasini HTML teglar bajaradi. Veb sahifadagi barcha bir hil
tipdagi teglarga(selektorlarga) umumiy stil beramiz. Misol uchun saytdagi barcha
“ssыlka”larning tegiga chizishni olib tashlaymiz(sizga ma’lumki, “ssыlka” larga stil
berilmasa odatiy tegiga chizilgan holatda qoladi).
A {text-decoration:none; }
Klass.
Agar bizga, kod ichida foydalaniladigan bir xil teglarga har xil stillarni
o‘rnatishimiz lozim bo‘lsa, klass yoki identifiqatorlardan foydalanish juda qulay
hisoblanadi. Dastlab klass haqida to‘xtalib o‘tamiz. Bir xil elementlarga har xil stil
berish uchun, element nomi va nuqta(.) qo‘yib, stilga biror nom beramiz. So‘ng Shu
nomga tegishli bo‘ladigan stillar ketma-ketligini yozib chiqamiz. Shundan so‘ng, kod
ichida kerakli bo‘lgan joyda,
class
so‘zi yordamida o‘rnatilgan stil nomi chaqiriladi.
Misol ko‘ramiz:
E’lon qilingan stilni kerakli joyda chaqiramiz.
|
| |
