Cómo centrar el código HTML para mostrar una imagen

¿Cómo centrar una imagen en HTML? Al dibujar páginas en HTML, el diseño adecuado de la imagen puede hacer que el contenido sea más atractivo. A continuación se muestra una forma sencilla de centrar una imagen en HTML. 01

Abra el Bloc de notas u otro editor de código y cree un nuevo archivo HTML, como se muestra a continuación. 02

Abra este archivo HTML con un navegador y verá el efecto a continuación. . La imagen se encuentra en el lado izquierdo de toda la página. 03

La posición central de la imagen se puede controlar mediante el atributo align en HTML. Agregue align="center" al div de la imagen. 04

Abra el archivo de esta página nuevamente en el navegador, el efecto es el siguiente. La imagen está centrada. 05

También podemos usar archivos de estilo para centrar imágenes. Aquí tomamos el selector de clase como ejemplo, agregamos class=img_center a la capa de imagen y luego definimos el estilo en la etiqueta de estilo, como se muestra a continuación. También podemos utilizar un archivo de estilo para centrar la imagen. Aquí, tomamos el selector de clases como ejemplo y agregamos class=! DOCTYPEHTMLgt;

htmlgt;

headgt;

titlegt; prueba de centrado de texto html/titlegt; gt;

styletype="text/css"gt;

cuerpo{fondo: #ddd;}

p{ancho: 300px alto: 180px; margen: 10pxauto; color: #fff; tamaño de fuente: 24px;}

.box1{fondo: #71a879; alineación de texto: centro;}

.box2{fondo: #6a8bbc; altura de línea: 200px; }

.box3{ fondo: #dea46b; alineación de texto: centro;