Fontlar bilan ishlash mantni hajmi,kattaligi
Amaliy ishlar | Ma'lumotlar bazasi
10 000 so'm
- Betlar soni: 15 ta
- Fayl hajmi : 148.29 KB
- Fayl turi: .docx
Mahsulot tavsifi
Mavzu:Fontlar bilan ishlash mantni hajmi,kattaligi
Reja:
1.Font haqida
2.Font elementlariga misollar
3. HTML da font elementlarining xossalari
Kompyuter grafikada yoki dizayn sohasida matnning ko’rinishi va stili bilan bog'liqdir. Fontlar matndagi harflar, raqamlar, belgilar va belgilar to'plamini ifodalaydi. Fontlar matnning tasviri vaqti, matnning ma'nosini aks ettirish, matnning dizaynini yaratish va boshqa turli maqsadlarga erishishga yordam beradi.
Fontlarni kompyuterda ishlatish uchun, ulardan foydalanish uchun quyidagi amallar mumkin:Fontlarni tanlash: Kompyuter programlarida, veb sahifalarda yoki dizayn dasturlarida matnning fontini tanlash mumkin. Bir nechta standart fontlar, masalan, Arial, Times New Roman, Calibri, Verdana kabi, ko'p o'rnatilgan va o'zgartirilgan fontlar o'z ichiga oladi.
Matnning o'lchamini o'zgartirish: Fontning o'lchamini o'zgartirish orqali matnning kattaligini yoki kichikligini belgilash mumkin. Bu, matnning ko'rinishini va o'qishni osonlashtirish uchun foydali bo'ladi.
Matnning rangini o'zgartirish: Fontning rangini o'zgartirish imkoniyati matnning tasvirini va ko'rinishini o'zgartiradi. Matndagi harflar yoki so'zlarning rangini o'zgartirish orqali matning qizil, yashil, ko'k kabi turli ranglarda ko'rinishini ta'minlash mumkin.
Stil va formatni o'zgartirish: Fontlar orqali matndagi harflar ustida boshqa xususiyatlarni ham o'zgartirish mumkin. Misol uchun, matnning kalta, qalin yoki chiziqchasiga shakllantirish, pastga yoki yuqoriga joylashtirish, matnning qavsini o'zgartirish, matn ustiga yorug'liklarni qo'shish kabi imkoniyatlarni beradi.
Fontlarni yuklash va o'rnatish: Fontlar kompyuterga yuklanishi va ulardan foydalanish uchun ulardan tashqari font fayllarini yuklash va o'rnatish talab qilinadi. Bu, o'ziga xos yaratilgan, qo'shilgan yoki kompyuterda mavjud bo'lmagan fontlarni qo'llash imkonini beradi.
Fontlar dizayn sohasida matnning shaklini, ko'rinishin va ma'nolarini ifodalashda muhim elementlardir. Fontlarni to'g'ri va yorqin tanlash, matning tajribasini va muhitni o'zgartirishda katta o'rin tutadi. Bunda matnning oqishni osonlashtirish va o'qishni muvaffaqiyatli qilish uchun ham maslahat beradi.
Muqobil font shriftlari tayinlash
Sahifaga tashrif buyurgan foydalanuvchi sahifada foydalanilgan shriftlar faqatgina uning
kompyuterida ushbu shriftlar o’rnatilgan taqdirdagina ko’ra oladi. Shuning uchun ham sahifani
yozayotganda ro’yxatda ikki yoki undan ham ortiq shrift nomlari kiritilishi va ular vergul bilan ajratilishi
talab qilinadi.
<font face="arial, helvetica">
<font face="Lucida Calligraphy, Comic Sans MS, Lucida Console">
Sahifa yuklanganda foydalanuvchining brauzeri berilgan birinchi shriftga murojaat qiladi, agar u
o’rnatilmagan bo’lsa, undan keyingisiga, agar berilgan shriftlarning hech biri o’rnatilmagan bo’lsa, u
holda odatiy shrift Times New Romanda aks etadi.
Eslatma! HTML Standart shriftlarining to’liq ro’yxati bilan tanishing.
Fontga rang ulash
Font uchun rang ulashda color atributidan foydalanamiz. Bunda ranglarni rang nomlari orqali
yoki ranglarning maxsus kodlari orqali ulash mumkin bo’ladi.
Eslatma! HTML rang nomlari va kodlarining to’liq ro’yxati bilan tanishing
Misol:
<!DOCTYPE html>
<html>
<head>
<title>Font uchun rang ulash</title>
</head>
<body>
<font color="#FF00FF">Bu matn pushti rangda</font><br />
<font color="red">Bu matn qizil rangda</font>
</body>
</html>
Buning natijasi quyidagicha:
Bu matn Pushti rangda
Bu matn qizil rangda
<basefont> elementi
<basefont> elementi font o’lchami, rangi va shrift turlarini o’rnatishda va ularni <font> elementi
orasidagi istalgan hujjat qismida joylashtirish imkonini beradi. <font> elementlaridan <basefont>
sozlamalari asosida foydalanish mumkin.
Misol:
<!DOCTYPE html>
<html>
<head>
<title>Basefont sozlamalarini ulash</title>
</head>
<body>
<basefont face="arial, verdana, sans-serif" size="2" color="#ff0000">
<p>Bu sahifa odatiy fontda</p>
<h2>&l;tbasefont> Elementiga misol</h2>
<p><font size="+2" color="darkgray">Bu to'q kulrang matn va u 2 o'lchamda
</font></p>
<p><font face="courier" size="-1" color="#000000">
Bu courier fontidagi, o'lchami eng kichik va qora rangli matn
</font></p>
</body>
</html>
Buning natijasi quyidagicha:
HTML da bor elementlar orqali
Elementning quyidagi shrift xosalari bilan o’rnatishin-giz mumkin.
-font-family xossasi shriftning yuzini o’zgartirishda foydalaniladi.
Fontstylexossasi italic yoki oblique shriftlarini yasashda foydalaniladi.
font-variant xossasidan small-caps effektini yaratishda foydalaniladi.
- fontweight xossasidan shrift ko’rinishlarining qalin yo ingichka o’sishi yoki kamayishida foydalaniladi.
- font-size xossasidan shriftning o’lchami o’sishi yoki kamayishida foydalaniladi.
- font xossasidan qisqalikda foydalaniladi, boshqa shriftlar xossalari nomerlarini aniqlaydi.
Fontlar bilan ishlash veb sahifaning foydalanuvchilar
uchun bir muncha qulay va o’qishga oson bo’lishi uchun
muhim hisoblanadi. Font yuzi va rangi HTML tegida
beriladigan rang, o’lcham, style elementlariga bog’liq
bo’ladi. tegidan sahifadagi barcha matnlarga birdek
o’lcham, shrift va rang biriktirish uchun foydalanamiz.
Font tegining uch atributi: size, color va facelar HTML
fontlarni yanada chiroyli qilishga ko’maklashadi. Font
atributlaridan istalganini o’zgartirish uchun oddiygina
tegidan foydalanishning o’zi kifoya. Tegdan keying
matndagi o’zgarish yopiluvchi tegiga qadar kuzatiladi.
Eslatma! Font va basefont teglari qadri past teglar
hisoblanadi va ular HTMLning kelajak versiyalarida olib
tashlanishi taxmin qilinadi. Shuning uchun sahifada bu
teglardan foydalanish tavsiya etilmaydi va ularning
o’rnida CSS style elementlaridan foydalanish tavsiya
etiladi. Shunday bo’lsa ham bu bo’limda bu ikki teg
batafsil har bir detallari bilan tushuntiriladi.
Font o’lchamini ulash
Font uchun ma’lum o’lcham tayinlashda size atributidan foydalanamiz. Qiymatlar qatori 1 (eng
kichik)dan 7 (eng katta)gacha qiymatlarni qabul qiladi. Font uchun odatiy o’lcham 3.
Misol:
<!DOCTYPE html>
<html>
<head>
<title>Font o'lchamini ulash</title>
</head>
<body>
<font size="1">Font size="1"</font><br />
<font size="2">Font size="2"</font><br />
<font size="3">Font size="3"</font><br />
<font size="4">Font size="4"</font><br />
<font size="5">Font size="5"</font><br />
<font size="6">Font size="6"</font><br />
<font size="7">Font size="7"</font>
</body>
</html>
Buning natijasi quyidagicha:
Nisbiy font o’lchamlari
Font o’lchamlarini o’rnatayotganda ularni odatdagidan ham kichikroq yoki odatdagidan ham
kattaroq qilib ko’rsatish mumkin. Bu o’zgarish <font size=”+n”> yoki <font size=”-n”> ko’rinishida
bo’ladi.
Misol:
<!DOCTYPE html>
<html>
<head>
<title>Nisbiy font o'lchamlari</title>
</head>
<body>
<font size="-1">Font size="-1"</font><br />
<font size="+1">Font size="+1"</font><br />
<font size="+2">Font size="+2"</font><br />
<font size="+3">Font size="+3"</font><br />
<font size="+4">Font size="+4"</font>
</body>
<html/>
Buning natijasi quyidagicha
Font uchun shrift ulash
Font uchun shrift ulashda face atributidan foydalanamiz va bunda agar sahifada foydalanilgan
shrift foydalanuvchi kompyuterida o’rnatilmagan bo’lsa, u holda uni ko’rish imkoni mavjud bo’lmaydi.
Uning o’rniga foydalanuvchi o’z kompyuteri uchun odatiy bo’lgan shriftda o’qiydi.
Misol:
<!DOCTYPE html>
<html>
<head>
<title>GFont shriftini ulash</title>
</head>
<body>
<font face="Times New Roman" size="5">Times New Roman</font><br />
<font face="Verdana" size="5">Verdana</font><br />
<font face="Comic sans MS" size="5">Comic Sans MS</font><br />
<font face="WildWest" size="5">WildWest</font><br />
<font face="Bedrock" size="5">Bedrock</font>
</body>
</html>
Buning natijasi quyidagicha:
Times New Roman
Verdana
Comic Sans MS
WildWest
Bedrock
Avazbek Abdusalomov
🔍
Izlaganingizni topa olmadingizmi?
O’xshash mahsulotlar
28 000 so'm
5 500 so'm
Bepul
12 000so'm
10 000 so'm
4 500 so'm
5 000 so'm
YouTube
Telegram
Instagram
LinkedIn