Manuale di riferimento HTML

Completo elenco dei tag HTML

HTML: attributo align di <img>

Questa pagina introduce l'attributo align dell'elemento img in HTML, che specifica il modo in cui l'immagine è allineata rispetto agli elementi circostanti, l'elemento <img> è un elemento in linea (non inserisce una nuova riga nella pagina), il che significa che il testo e gli altri elementi possono circondarlo. Pertanto, specificare l'allineamento dell'immagine rispetto agli elementi circostanti può essere molto utile.

　HTML <img> etichetta

Esempio online

Impostare diversi modi di allineamento delle immagini nel testo:

Esempio

<!DOCTYPE html>
<html>
<head>
<title>HTML: attributo align di <img> - Sito di base delle istruzioni oldtoolbag.com</title>
<body>
<h2>align="bottom" (predefinito):</h2>
<p>Questo è un testo. <img src="haha.gif" alt="faccia haha" width="42" height="42"> Questo è un testo.</p>
<h2>align="middle":</h2>
<p>Questo è un testo. <img src="haha.gif" alt="faccia haha" width="42" height="42" align="middle"> Questo è un testo.</p>
<h2>align="top":</h2>
<p>Questo è un testo. <img src="haha.gif" alt="faccia haha" width="42" height="42" align="top"> Questo è un testo.</p>
<h2>align="right":</h2>
<p>Questo è un testo. <img src="haha.gif" alt="faccia haha" width="42" height="42" align="right"> Questo è un testo.</p>
<h2>align="left":</h2>
<p>Questo è un testo. <img src="haha.gif" alt="faccia haha" width="42" height="42" align="left"> Questo è un testo.</p>
</body>
</html>

Prova a vedere ‹/›

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'attributo align.

Definizione e uso

HTML5 non supporta l'attributo align di <img>. Utilizzare CSS al suo posto.

In HTML 4.01, l'attributo align dell'<img> è obsoleto.

L'attributo align specifica l'allineamento dell'immagine in base agli elementi circostanti.

L'elemento <img> è un elemento inline (non inserisce una nuova riga nella pagina), il che significa che il testo e gli altri elementi possono circondarlo. Pertanto, specificare l'allineamento dell'immagine in base agli elementi circostanti può essere utile.

Commenti di compatibilità

In HTML 4.01, l'attributo align dell'<img> è obsoleto. Usa CSS al suo posto.

Sintassi CSS: <img style="float:right">

Esempio CSS: immagine fluttuante a destra

Nel nostro tutorial CSS, puoi trovare ulteriori informazioni su Proprietà floatdettagli.

Sintassi

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

Valore dell'attributo

Valore	Descrizione
left	Allinea l'immagine con la sinistra
right	Allinea l'immagine con la destra
middle	Allinea l'immagine con il centro
top	Allinea l'immagine con il alto
bottom	Allinea l'immagine con il basso

　HTML <img> etichetta

HTML: <template> etichetta