Centrar una imagen en html
Contenido
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
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.
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 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.
3. Inserta la imagen por digitar. Luego agregue la descripción de su imagen por alt=`descripción de la imagen` digitar.
4. Especifica la alineación de tu imagen. escribe alinear = `medio`>. Este es el final de la parte de la imagen de su etiqueta.
5. Agregar más texto. Luego cierra la etiqueta con
Método 2 de 2: alinear en una etiqueta de `centro`
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.
2. Iniciar una nueva línea de código. Empezar a centrar el elemento. escribe
3. Agrega tu etiqueta de imagen. escribe .
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.
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.
Artículos sobre el tema. "Centrar una imagen en html"
Оцените, пожалуйста статью
Popular