Centrar una imagen en html

La alineación de imágenes es una habilidad importante para aprender al codificar páginas web. Desafortunadamente, a medida que cambia el código, algunos navegadores web ya no reconocen algunas etiquetas HTML. Pruebe estos métodos para centrar una imagen en HTML. Si no funcionan, considere usar CSS (hojas de estilo en cascada).

Pasos

Método 1 de 2: Alinear en el texto

Imagen titulada Centrar una imagen en HTML Paso 1
1. No use el código `centro` en sus etiquetas. En la codificación HTML, puede centrar el texto, pero debe marcar la alineación de la imagen con `medio`. Una imagen no es un elemento de regla, así que indicas esto en relación con otros elementos.
Imagen titulada Centrar una imagen en HTML Paso 2
2. Iniciar una nueva línea de código. Use una etiqueta de párrafo para indicar que comienza una línea de texto. Comience su etiqueta con
Imagen titulada Centrar una imagen en HTML Paso 3
3. Inserta la imagen por digitar. Luego agregue la descripción de su imagen por alt=`descripción de la imagen` digitar.
  • La sección `src` le dice a la página web cuál es la URL de la imagen.
  • La sección `alt` le dice a la página web cómo llamarla.
    Imagen titulada Centrar una imagen en HTML Paso 4
  • 4. Especifica la alineación de tu imagen. escribe alinear = `medio`>. Este es el final de la parte de la imagen de su etiqueta.
    Imagen titulada Centrar una imagen en HTML Paso 5
    5. Agregar más texto. Luego cierra la etiqueta con

    Método 2 de 2: alinear en una etiqueta de `centro`

    Imagen titulada Centrar una imagen en HTML Paso 6
    1. Crear un nuevo elemento y centrar ese elemento. Puede capturar la imagen dentro de ese elemento centrado. Sin embargo, creará espacio adicional alrededor de su elemento.
    Imagen titulada Centrar una imagen en HTML Paso 7
    2. Iniciar una nueva línea de código. Empezar a centrar el elemento. escribe
    Imagen titulada Centrar una imagen en HTML Paso 8
    3. Agrega tu etiqueta de imagen. escribe `perro.
    Imagen titulada Centrar una imagen en HTML Paso 9
    4. Especificar la altura y el ancho de la imagen. Introduce algo como alto = `200` ancho = `200`> o cualquier otro tamaño de su elección. Este es el final de la parte de la imagen de la etiqueta.
    Imagen titulada Centrar una imagen en HTML Paso 10
    5. Cierra tu etiqueta con Por ejemplo, toda su etiqueta podría verse así:

    Advertencias

    Tenga en cuenta que tanto las etiquetas de alineación como las de centrado pueden volverse obsoletas. Esto significa que ya no se utilizarán en el futuro. Aunque no hay una fecha exacta en la que dejarán de utilizarse, con el tiempo los navegadores dejarán de reconocerlos y habrá que actualizar los códigos a CSS o HTML5.

    Оцените, пожалуйста статью