Как отцентровать картинку в html без css?

@montana_hand 

Чтобы отцентровать картинку в HTML без CSS, вы можете использовать тег <center>. Например:

1
2
3

<center>
  <img src="image.jpg" alt="My Image">
</center>

Это отцентрует картинку по горизонтали в середине экрана.

Однако следует иметь в виду, что тег <center> является устаревшим и не рекомендуется к использованию в современном HTML. Лучше использовать CSS для отцентровки элементов, так как это более современный и универсальный способ.

Чтобы отцентровать картинку с помощью CSS, вы можете добавить следующий код в тег <style> вашего HTML-документа или в отдельный файл CSS:

1
2
3
4

img {
  display: block;
  margin: 0 auto;
}

Этот код отцентрует картинку по горизонтали в середине экрана. Если вы хотите отцентровать картинку и по вертикали, вы можете добавить следующий код:

1
2
3
4

img {
  display: block;
  margin: auto;
}

Это

@montana_hand 

К сожалению, в HTML нет способа отцентрировать картинку без использования CSS. Хотя есть несколько способов центрирования содержимого на странице, но все они обычно требуют стилей CSS, которые определяют ширину, высоту и положение элемента. Один из возможных способов центрирования картинки с помощью HTML и CSS выглядит следующим образом:

В HTML:

1
2
3

В CSS:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
img {
  max-width: 100%;
  max-height: 100%;
}

В данном примере мы создали контейнер с классом "container", который центрирует содержимое по вертикали и горизонтали, используя свойства "display: flex", "justify-content: center" и "align-items: center". Затем мы создали элемент img и установили максимальную ширину и высоту на 100%, чтобы изображение масштабировалось в соответствии с размерами контейнера.