Мундариҷа

• Қадамҳо
• Усули 1 аз 2: CSS (Тавсия дода мешавад)
• Усули 2 аз 2: Хусусияти "align" дар HTML

Хусусият баробар кардан барчасп html> аз HTML5 бекор карда шудааст. Гарчанде ки ин хусусият дар аксари браузерҳо кор мекунад, тавсия дода мешавад, ки шумо тасвирҳоро бо истифодаи Cascading Style Sheets (CSS) ҳамоҳанг созед. Дар ин мақола, мо ба шумо нишон медиҳем, ки чӣ тавр марказонидани тасвирҳо бо истифодаи CSS ва барчаспҳои кӯҳна. баробар кардан.

Қадамҳо

Усули 1 аз 2: CSS (Тавсия дода мешавад)

1. 1 Барои тасвир рамзи HTML илова кунед. Барои ҳамоҳанг кардани тасвир шумо варақаҳои каскадӣ (CSS) -ро истифода хоҳед бурд, аммо ба шумо лозим аст, ки онро бо истифодаи HTML дар саҳифа ҷойгир кунед. Дар зер намунаи истифодаи тег мавҷуд аст img> барои ворид кардани тасвир ба коди худ:

   img src = "dog.webp" alt = "ин тасвири саг аст">

   • Ба ҷои саг.webp номи файли тасвирро иваз кунед ва пас аз "alt" тавсифи тасвирро ворид кунед. Маънои марказ барои "класс" тағир надиҳед, зеро шумо бо ин ном синфи CSS эҷод мекунед.
2. 2 Рамзи CSS -ро пайдо кунед. Агар сайти шумо файли алоҳидаи CSS дошта бошад, онро кушоед. Дар акси ҳол, CSS эҳтимолан дар болои файли HTML, дар дохили барчаспҳо ҷойгир аст сар>... Барои пайдо кардани барчаспҳо ба болои файл ҳаракат кунед услуб> / услуб>.
   • Агар барчаспҳо услуб> / услуб> не, онҳоро илова кунед. Барои гирифтани маълумоти бештар ин мақоларо хонед.
3. 3 Барои мувофиқ кардани тасвир CSS илова кунед. Ба ҷои "50%", шумо метавонед арзиши дигарро ворид кунед, то тасвир дар саҳифа пайдо шавад. Шумо наметавонед тасвирро бо арзиши "100%" мутамарказ кунед, аз ин рӯ ин рақам бояд гуногун бошад.

   .center {намоиш: блок; маржа-чап: худкор; канори рост: худкор; паҳнои: 50%; }

4. 4 Тағироти худро захира кунед. Файли HTML ва файли CSS -ро захира кунед (агар бошад). Ин тасвирро марказ хоҳад кард.
   • Ҳамчунин дар дохили барчаспҳо img> илова карда метавонад барои марказ кардани тасвирҳои дигар.

Усули 2 аз 2: Хусусияти "align" дар HTML

1. 1 Параграфи нав эҷод кунед. Гарчанде ки ин усули марказонидани тасвирҳо бекор карда шудааст, он дар бисёр браузерҳо кор мекунад. Аммо, мо тавсия медиҳем, ки CSS -ро истифода барем, то сайт кор кунад, вақте ки браузерҳо дастгирии атрибутро қатъ мекунанд. Дар хотир доред, ки ин хусусият баробар кардан тасвирро танҳо дар дохили унсури гирду атроф ҷойгир мекунад (масалан, дар дохили тегҳо п> / п> ё div> / div>). Масалан, дар файли HTML, мо бо илова кардан параграфи нав эҷод мекунем саҳ> дар хати алоҳида.
2. 2 Барои тасвир рамзи HTML илова кунед. Пас аз барчасп коди зеринро ворид кунед саҳ>... Ин мисолро ҳамчун роҳнамо истифода баред:

   p> img src = "dog.webp" alt = "picture" align = "миёна">

   • Ба ҷои саг.webp номи файли тасвирро иваз кунед ва пас аз "alt" тавсифи тасвирро ворид кунед.
   • Хусусияти миёна ба браузер мегӯяд, ки тасвирро дар маркази саҳифа нишон диҳад.
3. 3 Теги параграфро пӯшед. Барои ин кор, илова кунед / саҳ> пас аз барчаспи тасвир. Рамзи анҷомшуда бояд чунин бошад:

   p> img src = "dog.webp" alt = "picture" align = "миёна"> / p>

4. 4 Тағироти худро захира кунед. Ин тасвирро марказ хоҳад кард.