Tarkib

• Qadam bosish
• 2-dan 1-usul: CSS-dan foydalanish
• 2-dan 2-usul: HTML-da "markaz" yorlig'idan foydalanish

Ushbu wikiHow sizga HTML veb-saytida matnni qanday markazlashtirishni o'rgatadi. Buning uchun biz CSS-dan foydalanamiz (kaskadli jadvallar yoki uslublar jadvallari). Biz oldin HTML-ni markazlashtirar edik markaz>yorlig'i, ammo bu endi ko'pgina brauzerlarda ishlamaydi.

Qadam bosish

2-dan 1-usul: CSS-dan foydalanish

1. O'zingizning uslublaringizni tavsiflaydigan matnli faylni oching. Endi markaz>yorlig'i endi ishlatilmaydi, ushbu faylda HTML hujjatingizning ba'zi joylarida markazlashtiradigan yangi element yarating. Agar sizda alohida CSS fayli bo'lmasa, kodlar HTML hujjatning yuqori qismida "style>" va "/ style>" teglari orasida joylashgan.
   • Sifatida uslubi>- va / uslub>teglar hali mavjud emas, ularni to'g'ridan-to'g'ri tagiga qo'yishingiz mumkin tanasi>quyidagi tarzda belgilang:

   ! DOCTYPE html> html> body> style> / style>

2. Matnni markazlashtiradigan sinf yarating. The div>yorlig'i HTML-hujjatingizda ushbu sinf qaysi bo'limga tegishli ekanligini bildiradi. "Uslub" teglari orasiga quyidagilarni kiriting, ikki marta bosishni unutmang ↵ Kiriting birinchi qatordan keyin:

   div.a {}

3. Qo'shish matn bilan tekislashmulk. Turi matn bilan tekislash: markaz; Qavslar orasidagi div.a-Bo'lim. "Sarlavha" endi quyidagicha ko'rinadi:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / uslub>

4. To'g'ri qo'shing divmarkazlashtirmoqchi bo'lgan matnga teg belgilang. Siz buni orqali div>ushbu matn ustiga teg qo'ying va uni a bilan yoping / div>ushbu matn ostida yorliq qo'ying. Masalan, sarlavha va uning ostidagi xatboshini markazlashtirmoqchi bo'lsangiz, quyidagicha ko'rinadi:

   div> h1> Veb-saytimga xush kelibsiz / h1> p> Ushbu veb-sayt asosan narsalar haqida ma'lumot berish uchun mo'ljallangan. / p> / div>

5. Dan foydalaning div.aboshqa elementlarni markazlashtirish uchun yorliq. Teglar orasidagi tarkib kabi boshqa elementni markazlashtirmoqchi bo'lganingizda p> / p> va h2> / h2>), siz yozasiz div> ushbu element uchun va / div> keyin. Siz allaqachon "div.a" ni markazlashtiruvchi CSS kodi sifatida aniqlaganingiz uchun, endi ushbu elementlar ham markazlashtirilgan.

   style> div.a {text-align: center; } / style> div> h2> ehsonlar qabul qilinadi / h2> p> iltimos / p> / div>

6. Hujjatingizni tekshiring. Veb-sahifangizdagi matn, albatta, boshqacha bo'lsa-da, u shunday ko'rinishi kerak:

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> Veb-saytimga xush kelibsiz / h1> p> Ushbu veb-sayt asosan narsalar haqida ma'lumot berish uchun mo'ljallangan. / p> / div> div> h2> Xayr-ehsonlar qabul qilinadi / h2> p> iltimos / p> / div> / body> / html>

2-dan 2-usul: HTML-da "markaz" yorlig'idan foydalanish

1. HTML hujjatingizni oching. Ushbu usul qanday qilib eskirgan bo'lishini tasvirlaydi markaz>yorliq. Ushbu usul hali ham bir qator brauzerlarda ishlashi mumkin, ammo bunga ko'p ishonmaslik yaxshiroqdir.
2. Markazlashtirmoqchi bo'lgan matnni toping. Sarlavha, xatboshi yoki markazga boshqa matnni topguningizcha hujjatingizni pastga siljiting.
3. Matnning ikki tomoniga "markaz" yorlig'ini qo'ying. Kod shunga o'xshash markaz> matn / markaz>. Bu erda "matn" - markazlashtiriladigan matn. Agar ushbu matnda boshqa teglar bo'lsa, masalan, xatboshidan oldin "p> / p>" bo'lsa, "markaz" teglarini mavjud teglar tashqarisiga qo'ying.

   center> h1> Veb-saytimga xush kelibsiz / h1> / center> center> O'zingizni qulaylashtiring! / center>

4. HTML hujjatingizni tekshiring. Bunga o'xshash bo'lishi kerak:

   ! DOCTYPE html> html> body> h1> center> Veb-saytimga xush kelibsiz / center> / h1> center> O'zingizni osonlashtiring! / Center> p1> Ushbu veb-sayt asosan narsalar haqida ma'lumot beradi. / P1> / body > / html>