Мундариҷа

• Ба қадам
• Усули 1 аз 2: Истифодаи CSS
• Усули 2 аз 2: Истифодаи теги "марказ" дар HTML

Ин wikiHow ба шумо чӣ гуна марказ кардани матнро дар вебсайти HTML таълим медиҳад. Барои ин мо CSS-ро истифода мебарем (Ҷадвалҳои каскадии услубҳо ё ҷадвалҳои услубӣ) Мо бо истифода аз марказ>барчасп, аммо ин дигар дар аксари браузерҳо кор намекунад.

Ба қадам

Усули 1 аз 2: Истифодаи CSS

1. Файли матниро кушоед, ки дар он шумо сабкҳои худро тасвир мекунед. Ҳоло марказ>барчасп дигар истифода намешавад, дар ин файл як унсури нав эҷод кунед, ки матнро дар соҳаҳои алоҳидаи ҳуҷҷати HTML марказ мекунад. Агар шумо файли CSS-и алоҳида надошта бошед, рамзҳо дар болои ҳуҷҷати HTML байни тегҳои "style>" ва "/ style>" ҷойгиранд.
   • Тавре ки услуб>- ва / style>барчаспҳо ҳанӯз вуҷуд надоранд, шумо метавонед онҳоро бевосита зери бадан>ба тариқи зерин барчасп кунед:

   ! DOCTYPE html> html> бадан> услуб> / услуб>

2. Синфе созед, ки дар маркази матн бошад. Дар див>барчасп ҳуҷҷати HTML-и шуморо, ки ин синф ба кадом қисмати мушаххас тааллуқ дорад, мегӯяд. Байни барчаспҳои "услуб" -и зеринро нависед ва боварӣ ҳосил кунед, ки ду маротиба клик кунед ↵ ворид кунед пас аз сатри аввал:

   див. {}

3. Илова кардани ҳамоҳанг кардани матнамвол. Намуди мувофиқ кардани матн: марказ; байни қавс дар див-ҷудокунӣ. Ҳоло "сарлавҳа" чунин аст:

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

4. Дурусташро илова кунед дивматнеро, ки мехоҳед марказаш гузоред, барчасп кунед. Шумо инро тавассути див>болои ин матн барчасп кунед ва онро бо a пӯшед / div>дар зери ин матн барчасп кунед. Масалан, агар шумо хоҳед, ки сарлавҳа ва сархати зери онро ба маркази марказӣ гузоред, чунин менамояд:

   div> h1> Хуш омадед ба вебсайти ман / h1> p> Ин вебсайт асосан барои таъмин намудани маълумот дар бораи чизҳо иборат аст. / p> / div>

5. Истифода баред дивунсурҳои дигарро ба марказ гиред. Вақте ки шумо мехоҳед як унсури дигарро ба марказ гиред, ба монанди мундариҷа байни тегҳо p> / p> ва h2> / h2>), шумо чоп мекунед див> барои ин унсур ва / div> баъд. Азбаски шумо аллакай "div.a" -ро ҳамчун рамзи марказонидашудаи CSS муайян кардаед, ин унсурҳо ҳоло низ дар марказанд.

   style> div.a {text-align: center; } / style> div> h2> хайрияҳо хуш омадед / h2> p> please / 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>" пеш аз сархат, барчаспҳои "марказ" -ро берун аз тегҳои мавҷуда ҷойгир кунед.

   center> h1> Хуш омадед ба вебсайти ман / h1> / center> center> Худро бароҳат созед! / center>

4. Ҳуҷҷати HTML-и худро санҷед. Он бояд чунин бошад:

   ! DOCTYPE html> html> бадан> h1> center> Хуш омадед ба вебсайти ман / center> / h1> center> Инро барои худ осон кунед! / Center> p1> Ин вебсайт асосан дар бораи чизҳо маълумот медиҳад. / P1> / body > / html>