Բովանդակություն

• Քայլել
• 2-ի մեթոդ 1. Օգտագործելով CSS
• 2-ի մեթոդ 2. HTML- ում օգտագործելով «կենտրոն» պիտակը

Այս wikiHow- ը սովորեցնում է ձեզ, թե ինչպես կենտրոնացնել տեքստը HTML կայքում: Դրա համար մենք օգտագործում ենք CSS (Կասկադային ոճի թերթեր կամ ոճաթերթեր): Մենք HTML- ում կենտրոնանում էինք, օգտագործելով կենտրոն>թեգ, բայց սա այլևս չի աշխատում զննարկիչների մեծ մասում:

Քայլել

2-ի մեթոդ 1. Օգտագործելով CSS

1. Բացեք տեքստի ֆայլը, որում նկարագրում եք ձեր ոճերը: Հիմա կենտրոն>պիտակն այլևս չի օգտագործվում, այս ֆայլում ստեղծեք նոր տարր, որը կենտրոնացնելու է տեքստը ձեր HTML փաստաթղթի որոշակի տարածքներում: Եթե ​​չունեք առանձին CSS ֆայլ, ապա կոդերը HTML փաստաթղթի վերևում են «ոճ>» և «/ ոճ>» պիտակների միջեւ:
   • Ինչպես ոճ>>- և / ոճ>պիտակները դեռ չկան, դուք կարող եք դրանք տեղադրել ուղղակիորեն տակ մարմին>նշեք հետևյալ եղանակով.

   ! DOCTYPE html> html> մարմին> ոճ> / ոճ>

2. Ստեղծեք դաս, որը կենտրոնացնում է տեքստը: Ի div>թեգը պատմում է ձեր HTML փաստաթղթին, թե որ դասին է վերաբերվում այս դասը: Մուտքագրեք հետևյալը «ոճ» պիտակների միջև ՝ համոզվելով, որ երկու անգամ կտտացրեք Մտեք առաջին տողից հետո.

   div.a {}

3. Ավելացնել տեքստի հավասարեցումսեփականություն Տիպ տեքստի հավասարեցում. կենտրոն; ամրացումների միջև div.a-Բաժին. «Վերնագիրն» այժմ ունի այսպիսի տեսք.

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

4. Ավելացրեք ճիշտը divնշեք այն տեքստի վրա, որը ցանկանում եք կենտրոնացնել: Դուք դա անում եք միջոցով div>պիտակ այս տեքստի վերևում և փակելով այն a- ով / div>պիտակ այս տեքստի տակ: Օրինակ, եթե ուզում եք վերնագիր և դրա տակ գտնվող պարբերությունը կենտրոնացնել, ապա այն կարծես հետևյալն է.

   div> h1> Բարի գալուստ իմ կայք / h1> p> Այս կայքը հիմնականում իրերի մասին տեղեկություններ տրամադրելու համար է: / p> / div>

5. Օգտագործեք div.aպիտակ `այլ տարրեր կենտրոնացնելու համար: Երբ ուզում եք կենտրոնացնել մեկ այլ տարր, օրինակ ՝ պիտակների միջև պարունակություն p> / p> և h2> / h2>), դուք մուտքագրում եք div> այս տարրի համար և / div> հետո Քանի որ դուք արդեն սահմանել եք «div.a» - ն որպես կենտրոնացման CSS կոդ, այս տարրերը այժմ նույնպես կենտրոնացված են:

   ոճ> div.a {text-align: center; } / style> div> h2> Նվիրատվությունները ողջունելի են / h2> p> խնդրում եմ / p> / div>

6. Ստուգեք ձեր փաստաթուղթը: Չնայած ձեր կայքի տեքստը, իհարկե, տարբեր է, այն պետք է ունենա նման մի բան.

   ! DOCTYPE html> html> body> style> div.a {text-align: center; } / style> div> h1> Բարի գալուստ իմ կայք / h1> p> Այս կայքը հիմնականում իրերի մասին տեղեկատվություն տրամադրելու համար է: / p> / div> div> h2> Նվիրատվությունները ողջունելի են / h2> p> խնդրում եմ / p> / div> / body> / html>

2-ի մեթոդ 2. HTML- ում օգտագործելով «կենտրոն» պիտակը

1. Բացեք ձեր HTML փաստաթուղթը: Այս մեթոդը նկարագրում է, թե ինչպես կարելի է հնացած ստանալ կենտրոն>պիտակ Այս մեթոդը կարող է դեռ աշխատել մի շարք զննարկիչներում, բայց լավագույնն այն է, որ շատ հույս չդնեք:
2. Գտեք այն տեքստը, որը ցանկանում եք կենտրոնացնել: Ոլորեք ներքև ձեր փաստաթուղթը մինչև գտնեք վերնագիրը, պարբերությունը կամ այլ տեքստ, որը ցանկանում եք կենտրոնացնել:
3. Տեղադրեք «կենտրոն» պիտակը տեքստի երկու կողմերում: Կոդն այսպիսի տեսք ունի կենտրոն> տեքստ / կենտրոն>, Այստեղ «տեքստը» այն կենտրոնացված տեքստն է: Եթե ​​այս տեքստում կան այլ պիտակներ, ինչպիսիք են «p> / p>» պարբերությունից առաջ, տեղադրեք «կենտրոն» պիտակները առկա պիտակներից դուրս:

   կենտրոն> h1> Բարի գալուստ իմ կայք / h1> / կենտրոն> կենտրոն> Դարձրեք ձեզ հարմարավետ: / կենտրոն>

4. Ստուգեք ձեր HTML փաստաթուղթը: Այն պետք է ունենա նման մի բան.

   ! DOCTYPE html> html> մարմին> h1> կենտրոն> Բարի գալուստ իմ կայք / կենտրոն> / h1> կենտրոն> Հեշտացրու՛ ինքդ քեզ համար: / Center> p1> Այս կայքը հիմնականում իրերի մասին տեղեկատվություն տրամադրելու համար է: / p1> / body > / html>