Manual de referencia HTML

大全 de etiquetas HTML

HTML: propiedad de alineación <img>

Este artículo describe la propiedad de alineación img de HTML según los elementos circundantes, el elemento <img> es un elemento en línea (no inserta una nueva línea en la página), lo que significa que el texto y otros elementos pueden rodearlo. Por lo tanto, puede ser muy útil especificar la alineación de la imagen según los elementos circundantes.

　HTML <img> etiqueta

Ejemplo en línea

Configuración de varios métodos de alineación de imágenes en el texto:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<title>HTML: propiedad de alineación <img>　-　oldtoolbag.com</title>
<body>
<h2>align="bottom" (por defecto):</h2>
<p>Este es algún texto.　<img src="haha.gif" alt="haha face" width="42"　height="42">Este es algún texto.</p>
<h2>align="middle":</h2>
<p>Este es algún texto.　<img src="haha.gif" alt="haha face" width="42"　height="42"　align="middle">　Este es algún texto.</p>
<h2>align="top":</h2>
<p>Este es algún texto.　<img src="haha.gif" alt="haha face" width="42"　height="42"　align="top">　Este es algún texto.</p>
<h2>align="right":</h2>
<p>Este es algún texto.　<img src="haha.gif" alt="haha face" width="42"　height="42"　align="right">　Este es algún texto.</p>
<h2>align="left":</h2>
<p>Este es algún texto.　<img src="haha.gif" alt="haha face" width="42"　height="42"　align="left">　Este es algún texto.</p>
</body>
</html>

Pruebe y vea ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad de alineación.

Definición y uso

HTML5 No se admite la propiedad de alineación <img>. Utilice CSS en su lugar.

En HTML 4.01 En la sintaxis, el atributo align de <img> ha sido obsoleto.

El atributo align especifica la alineación de la imagen en función de los elementos circundantes.

El elemento <img> es un elemento en línea (no inserta una nueva línea en la página), lo que significa que el texto y otros elementos pueden rodearlo. Por lo tanto, puede ser útil especificar la alineación de la imagen en función de los elementos circundantes.

Comentarios de compatibilidad

En HTML 4.01 En la sintaxis, el atributo align de <img> ha sido obsoleto. Utilice CSS en su lugar.

Sintaxis de CSS: <img style="float:right">

Ejemplo de CSS: Imagen flotante a la derecha

En nuestra guía de CSS, puede encontrar más información sobre Atributo floatdetalles.

Sintaxis

<img align="left|right|middle|top|bottom">

Valor de atributo

Valor	Descripción
izquierda	Alinear la imagen a la izquierda.
derecha	Alinear la imagen a la derecha.
centro	Alinear la imagen en el centro.
arriba	Alinear la imagen con la parte superior.
abajo	Alinear la imagen con la parte inferior.

　HTML <img> etiqueta

HTML: <template> etiqueta