Tarkib

• Qadamlar
• Maslahat
• Ogohlantirish

Odatda bo'shliqlar, yorliq tugmachalari va kirish tugmachalari bilan yaratilgan ko'plab bo'shliqlarning barchasi veb-dasturlash tillarida e'tiborga olinmaydi. HTML ularning hammasini so'zlar orasidagi doimiy bo'shliq sifatida belgilaydi va faqat bitta bo'shliqni aks ettiradi. CSS foydalanuvchilarga bo'shliq va hizalama haqida ko'proq tafsilotlarni o'rnatishga imkon beradigan bo'lsa, HTML-da sizning bo'sh joyingizni sozlash uchun ba'zi bir o'rnatilgan vositalar mavjud emas.

Qadamlar

2-usulning 1-usuli: Bo'shliqlarni va bitta yorliqlarni joylashtiring

1. 

   Joylashtirish joylari buzilmagan. Odatda, HTML bo'shliq satrini necha marta bosganingizdan qat'iy nazar, so'zlar orasida faqat bitta bo'shliqni aks ettiradi. Bir nechta qo'shni bo'shliqlarni ko'rsatish uchun yoki ni kiriting. Ushbu kod "buzilmaydigan bo'shliq" deb nomlangan maxsus belgini yaratadi va u doimo ko'rsatiladi.
   • Yuqoridagi belgi "buzilmaydigan bo'shliq" deb nomlanadi, chunki u chiziq uzilishlarining o'rnida bo'lishiga to'sqinlik qiladi. Agar siz ushbu belgini oshirib yuborsangiz, brauzer tartibli va vertikal ravishda satr oralig'ini kiritishda qiynaladi.

2. 

   
   
   Har xil kenglikdagi bo'shliqlarni joylashtiring. Brauzerda bo'sh joyni ko'rsatishni talab qiladigan ba'zi bir boshqa belgilar mavjud. Ushbu bo'shliqlarning turli xil brauzerlarda namoyish etilish usuli biroz boshqacha, ammo quyidagi kodlardan farqli o'laroq chiziq uzilishiga ta'sir qilmaydi:
   • - printerning "N" maydoni (o'lchov birligi) nomi bilan atalgan, "en" maydoni normal bo'shliqdan ikki baravar keng.
   • - taxminan to'rt bo'shliqqa teng bo'lgan "em" maydoni.

3. 

   
   
   Ko'p sonli buzilmaydigan bo'shliq bilan yorliqni simulyatsiya qiladi. Paragraflarni indentatsiya qilish uchun siz buzilmaydigan bo'shliqlarni ketma-ket kiritishingiz mumkin:. Agar siz faqat HTML-dan foydalansangiz, bu yagona echimdir, ammo agar siz CSS-dan foydalansangiz (quyidagi bosqichda alohida tavsiflangan), u qisqaroq bo'ladi.
   • Agar matnning murakkab taqdimoti bo'lsa, oldindan tegidan foydalaning.

4. 

   
   
   Abzatslarni CSS bilan tekislang. CSS-ning "margin" va "padding" xususiyatlari to'g'ridan-to'g'ri brauzerga ko'rsatmalar beradi, shuning uchun ko'rsatilgan natijalar yanada izchil bo'ladi. Ushbu usulni amalga oshirish qiyin emas, agar siz CSS haqida hech narsa bilmasangiz va sizning sahifangizda uslublar jadvali bo'lmasa. Butun xatboshini o'ng qirraga qanday ko'chirishga misol:
   • Bo'limda HTML hujjatiga quyidagi kodni kiriting:
     
     bu erda: "p.indent" matnning atributini belgilaydi (p tag) nomi "indent" (siz boshqa nomdan foydalanishingiz mumkin). Kodning qolgan qismi paragrafning chap tomoniga "to'ldirish" joyining xususiyatini qo'shadi.
   • Endi HTML-hujjatning asosiy qismiga qayting. Paragrafni istalgan vaqtda indentatsiya qilmoqchi bo'lsangiz (ushbu misolda "indent" bo'lsa ham), paragrafni ushbu kodga qo'ying:
     

   • Chiqish oralig'ini tekislash uchun CSS kodidagi "1.8" raqamini o'zgartiring. "Em" belgisini ushlab turing, chunki bu shrift o'lchamiga bog'liq uzunlik birligi.
   reklama

2-dan 2-usul: Uzunroq bo'shliqlarni o'rnating

1. 

   Oldindan formatlangan teglardan foydalaning. Har qanday kalit bo'sh joy yaxshi ↵ Kiriting kartaga kiritiladi

   aniq yozganingizda ko'rsatiladi. Shuningdek, ushbu yorliqdan misollar, she'rlar yoki intervallarni va chiziqlar oralig'ida yuqori aniqlikni talab qiladigan boshqa har qanday matnni taqdim etish uchun foydalanishingiz mumkin.

   • Oldindan formatlangan kartalarning asosiy kamchiliklari kenglikdir. Oddiy HTML-dan farqli o'laroq, oldindan formatlangan matn foydalanuvchi oynasining o'lchamiga mos ravishda o'zgartirilmaydi.

2. 

   Qator oralig'ini yarating. Karta
   joriy matn satrini tugatadi. Bir nechta satrlarni ajratish teglaridan foydalanib bo'sh satrlar yaratishingiz mumkin. HTML bilan yangi tanishgan talabalar uchun bu juda yaxshi usul, ammo agar siz CSS-ni o'rgangan bo'lsangiz, unda ushbu majburiy HTML formati tavsiya etilmaydi.

3. 

   Paragrafni "p" yorlig'i bilan aniqlang. Matn atrofidagi yorliq ushbu xatboshini aniqlaydi. Ko'pgina brauzerlar xatboshini bo'sh satr bilan ajratadilar, ammo siz matn uchun izchil formatga kafolat berolmaysiz. reklama

Maslahat

• Displeyni oxirgi marta veb-sahifangizda tekshirganingizda, parcha atrofida g'ayrioddiy holatda ortiqcha belgilarni ko'rsangiz, to'liq bo'lmagan teglar mavjudligini tekshiring, masalan. <> ning o'rniga
  .
• CSS - veb-sahifalarni taqdim etish, shu jumladan matnlar oralig'ini taqdim etish uchun yanada kuchli va faol vosita.
• Ochiq yorliq orqasida yoki yopiq yorliq oldida to'satdan bo'sh joylarni cheklang. Masalan, siz bo'shliqlarni yozishingiz kerak Qo'llanma bo'shliqlar emas Qo'llanma .
• Buzilmaydigan bo'shliq - bu mavjudot belgisiga misol: klaviaturadan kira olmaydigan belgini ifodalovchi kod.

Ogohlantirish

• HTML atributi kalitni anglatadi Tab ↹ Aslida siz o'ylaganchalik samarali emas. Standart HTML hujjatda yorliqli to'xtash joylari mavjud emas, shuning uchun yorliq belgisi ta'sir qilmaydi.
• Har doim HTML tilini kod muharriri yoki oddiy matnli faylga yozing, matnli fayllarni qayta ishlash formatlarini ishlatmang. Agar sizning bo'shliqlaringiz veb-brauzeringizda g'alati belgilarga aylanib qolsa, bu so'zsiz protsessor tomonidan qo'shilgan ortiqcha ma'lumotlar tufayli bo'lishi mumkin, bu esa onlayn namoyish qilish uchun mo'ljallanmagan.