Yorliq hajmi. HTML yorlig'i ma'lumotnomasi
Sayt dizayniga muvofiq qarash uchun siz matn hajmini yoki HTML tasvirlari hajmini o'zgartirishingiz kerak bo'ladi. Buning uchun siz tegni qidirasiz " o'lcham"Ammo tez orada siz bunday gipermatn yo'qligini tushunasiz.
CSS-dan foydalanish uchun shriftlar, rasmlar va boshqa narsalar hajmini belgilash. Matn yoki boshqa elementlardagi har qanday vizual o'zgarishlar Uslublarning kaskadli jadvallari yordamida amalga oshirilishi kerak! HTML faqat tuzilish uchun mo'ljallangan.
Shriftning o'lchamini o'zgartirishning yagona usuli - bu eskirgan yorliq o'lchamdagi xususiyatga ega. Shuni yodda tutingki, ushbu tegda yo'q hozirgi versiyalar Html va kelajakda u brauzerlar tomonidan qo'llab-quvvatlanishi mumkin! Sayt elementlari va uslublari hajmini o'zgartirish CSS-dan foydalanish kerak.
Shrift o'lchamlari
CSS nafaqat matn hajmini o'zgartirishga imkon beradi, balki sayt tipografiyasini yanada sozlash, HTML tasvirlari hajmini o'zgartirish. O'zgarishlar shriftning o'lchami, rangi, registri, chizilishi, interstitsial interval va boshqa xususiyatlar uchun qulaydir. Yorliq faqat o'lcham va qiymatni belgilashi mumkin, ular sukut bo'yicha ko'payadi turli xil brauzerlar boshqacha.
12pt shrift bilan paragrafni olish uchun siz uni shrift o'lchamidagi mulkni sozlashingiz kerak:
h3 (shrift-o'lchamlari: 24px;)
Bu uchinchi darajadagi sarlavhalar hajmini 24 pikselgacha o'zgartiradi. Siz ushbu xususiyatni tashqi uslublarning tashqi jadvallariga qo'shishingiz mumkin va bu qiymat barcha sarlavhalardan foydalanadi.< h3>.
Qo'shimcha tipografiya uslublarini matnga qo'llash uchun quyidagi CSS qoidalarini qo'shing:
h3 (shriftlar hajmi: 24px; rang: # 000; shrift-vazn: normal;)
Bu nafaqat uchinchi darajali sarlavhalarni o'rnatadi, balki matnli matnni keltirib chiqaradi ( # 000 ning olmos kodi nima deydi), shuningdek, yozuvni qiymatga o'rnatdi " normal" Odatiy bo'lib, brauzerlar H1-H6 sarlavhasini qalin matn shaklida namoyish etadilar. Ushbu uslub standart qiymatni bekor qiladi va shriftni kam yog'li qiladi.
Rasm o'lchamlari
Brauzer uni avtomatik ravishda amalga oshirish uchun kerakli rasm hajmini belgilash har doim ham mumkin emas. Brauzerlar har doim ham bu vazifani bajara olmaydi, shuning uchun xaritalash sifati kuchli azob-uqubatdir. Shuning uchun HTML-da rasm hajmini belgilashdan oldin, undan foydalanish yaxshidir grafik muharrir. Va keyin veb-sahifani belgilashda ularning haqiqiy hajmini belgilang.
Fontsdan farqli o'laroq, rasm hajmini aniqlash uchun siz HTML va CSS-dan foydalanishingiz mumkin. HTML-dan foydalanish, rasmlarning o'lchami faqat pikselda o'rnatilishi mumkin. CSS-da o'lchamlari boshqa qiymatga o'rnatilishi mumkin. Masalan, dyuymda, santimetr va foiz. Agar siz adaptiv rasmlar bilan bo'lishini istasangiz, foizni qo'llash yaxshiroqdir.
HTML-da tasvir hajmini o'rnatish uchun yorliqdan foydalaning Balandlik va kenglik xususiyatlari bilan.
Masalan, tasvir 400 piksel o'lchamiga 400 ga teng bo'lishi kerak:
balandlik \u003d "400" kenglik \u003d "400" Alt \u003d "(! Lang: Image" />!}
CSS-da rasm hajmini belgilash uchun balandlik va kenglik xususiyatlaridan foydalaning. Bu erda CSS o'lchamini aniqlash uchun tasvir:
style \u003d "Balandligi: 400px; kengligi: 400px;" alt \u003d "(! Lang: Image" />!}
Sahifada asosiy bloklarning o'lchamlari
Ko'pincha sahifadagi asosiy bloklar uchun kengroq. Avval siz dizayn turini tanlashingiz kerak: statik yoki moslashuvchan. Kenglikni o'lchovning mutlaq bo'linmasida - piksel, dyuym, nuqtalarni o'rnatishni tanlashingiz kerakmi? Yoki blokning o'lchami moslashishi kerak va o'lchamlari o'lchamlarini aniqlash uchun ishlatilishi kerakmi? Asosiy bloklar hajmini belgilash uchun, HTML rasmlari ishida bo'lgani kabi, siz balandlik va kenglikdagi CSS xususiyatlarini qo'llashingiz kerak.
Html teglari - Jamg'arma hTML tili. Teglar belgilashdagi elementlarning boshlanishi va tugashini farqlash uchun ishlatiladi.
Har bir HTML hujjati HTML elementlari va matnlaridan iborat. Har bir HTML element boshlang'ich (ochilish) va yakuniy (yopilish) yorlig'i bilan belgilanadi. Ochilish va yopilish teglari tegning nomini o'z ichiga oladi.
Barcha HTML elementlari besh turga bo'linadi:
- bo'sh elementlar — ,
,
,,