Садржај

• Кораци
• Метод 1 од 2: ЦСС (препоручено)
• Метод 2 од 2: Атрибут "алигн" у ХТМЛ -у

Атрибут поравнајте таг хтмл> је застарео од ХТМЛ5. Иако овај атрибут и даље функционише у већини веб прегледача, препоручује се да слике поравнате помоћу каскадних стилских листова (ЦСС). У овом чланку ћемо вам показати како центрирати слике помоћу ЦСС -а и застареле ознаке. поравнајте.

Кораци

Метод 1 од 2: ЦСС (препоручено)

1. 1 Додајте ХТМЛ код за слику. За поравнавање слике ћете користити каскадне стилске листове (ЦСС), али ћете је морати поставити на страницу помоћу ХТМЛ -а. Следи пример коришћења ознаке имг> да бисте уметнули слику у свој код:

   имг срц = "дог.јпг" алт = "ово је слика пса">

   • Уместо дог.јпг замените назив датотеке слике, а након „алт“ унесите опис слике. Значење центар за "цласс" не мењајте, јер ћете креирати ЦСС класу са тим именом.
2. 2 Пронађите ЦСС код. Ако ваша веб локација има засебну ЦСС датотеку, отворите је. Ако није, ЦСС је највероватније на врху ХТМЛ датотеке, унутар ознака глава>... Померите се до врха датотеке да бисте пронашли ознаке стил> / стил>.
   • Ако ознаке стил> / стил> не, додај их. За више информација прочитајте овај чланак.
3. 3 Додајте ЦСС да бисте поравнали слику. Уместо „50%“, можете унети другу вредност како би се слика појавила на страници. Нећете моћи да центрирате слику са вредношћу "100%", па би овај број требало да буде другачији.

   .центер {дисплаи: блоцк; маргин-лефт: ауто; маргин-ригхт: ауто; ширина: 50%; }

4. 4 Сачувајте промене. Сачувајте ХТМЛ датотеку и ЦСС датотеку (ако их има). Ово ће центрирати слику.
   • Такође унутар ознака имг> може додати за центрирање других слика.

Метод 2 од 2: Атрибут "алигн" у ХТМЛ -у

1. 1 Направите нови пасус. Иако је овај метод центрирања слика застарио, он и даље функционише у многим прегледачима. Међутим, препоручујемо употребу ЦСС -а за одржавање функционалности веб локације када прегледачи престану да подржавају наведени атрибут. Запамтите да је атрибут поравнајте ће центрирати слику само унутар елемента који је окружује (на пример, унутар ознака п> / п> или див> / див>). На пример, у ХТМЛ датотеци ћемо креирати нови пасус додавањем п> на посебној линији.
2. 2 Додајте ХТМЛ код за слику. Унесите следећи код после ознаке п>... Користите овај пример као водич:

   п> имг срц = "дог.јпг" алт = "пицтуре" алигн = "миддле">

   • Уместо дог.јпг замените назив датотеке слике, а након „алт“ унесите опис слике.
   • Средњи атрибут говори прегледачу да прикаже слику у центру странице.
3. 3 Затворите ознаку пасуса. Да бисте то урадили, додајте / п> после ознаке слике. Готов код би требао изгледати отприлике овако:

   п> имг срц = "дог.јпг" алт = "пицтуре" алигн = "миддле"> / п>

4. 4 Сачувајте промене. Ово ће центрирати слику.