Guida al linguaggio HTML

4.14.1 Esempi di allineamento di immagini

Vai a: top | middle | bottom | left | right | hypertext anchor

dot1.gif (103 byte) ALIGN="top"

<p> <IMG SRC="testicon.gif" ALT="[Immagine Test]"
ALIGN=TOP>
Ecco una frase che riguarda l'immagine test.
Non e' molto interessante, ma dovrebbe mostrarvi
come il testo si comporta intorno all'immagine con l'attributo ALIGN=TOP.</p>

Questo si visualizza:

[Immagine Test] Ecco una frase che riguarda l'immagine test. Non e' molto interessante, ma dovrebbe mostrarvi come il testo si comporta intorno all'immagine con l'attributo ALIGN=TOP.


dot1.gif (103 byte) ALIGN="Bottom"

<p> <IMG SRC="testicon.gif" ALT="[Immagine Test]" ALIGN=BOTTOM>
Ecco una frase che riguarda l'immagine test.
Non e' molto interessante, ma dovrebbe mostrarvi
come il testo si comporta intorno all'immagine con l'attributo ALIGN=BOTTOM.

Questo si visualizza:

[Immagine Test] Ecco una frase che riguarda l'immagine test. Non e' molto interessante, ma dovrebbe mostrarvi come il testo si comporta intorno all'immagine con l'attributo ALIGN=BOTTOM.


dot1.gif (103 byte) ALIGN="middle"

<p> <IMG SRC="testicon.gif" ALT="[Immagine Test]"
ALIGN=MIDDLE>
Ecco una frase che riguarda l'immagine test.
Non e' molto interessante, ma dovrebbe mostrarvi
come il testo si comporta intorno all'immagine con l'attributo the ALIGN=MIDDLE.

Questo si visualizza:

[Immagine Test] Ecco una frase che riguarda l'immagine test. Non e' molto interessante, ma dovrebbe mostrarvi come il testo si comporta intorno all'immagine con l'attributo ALIGN=MIDDLE.


dot1.gif (103 byte) ALIGN="left"

Notate anche l'uso di elementi BR per spezzare il flusso di testo.

<p> <IMG SRC="testicon.gif" ALT="[Immagine Test]"
ALIGN=LEFT>
Ecco una frase che riguarda l'immagine test. <br>
Non e' molto interessante, ma dovrebbe mostrarvi
come il testo si comporta <br clear="left">
intorno all'immagine con l'attributo ALIGN=left. Notate come l'elemento
<br clear="left"> fa andare a capo il testo dopo l'immagine.

Questo si visualizza:

[Immagine Test] Ecco una frase che riguarda l'immagine test.
Non e' molto interessante, ma dovrebbe mostrarvi come il testo si comporta
intorno all'immagine con l'attributo ALIGN=left.


dot1.gif (103 byte) ALIGN="right"

<p> <IMG SRC="testicon.gif" ALT="[Immagine Test]"
ALIGN=RIGHT>
Ecco una frase che riguarda l'immagine test.
Non e' molto interessante, ma dovrebbe mostrarvi
come il testo si comporta intorno all'immagine con l'attributo ALIGN=right.

Questo si visualizza:

[Immagine Test] Ecco una frase che riguarda l'immagine test. Non e' molto interessante, ma dovrebbe mostrarvi come il testo si comporta intorno all'immagine con l'attributo ALIGN=right .


dot1.gif (103 byte) Immagine come link ipertestuale

<p> <a href="image_examples.html"> <IMG SRC="testicon.gif"
ALT="[Immagine Test]" ALIGN=MIDDLE> </a>
Questa
immagine e' un link ipertestuale (in questo caso, punta a questo
stesso documento).

This is rendered:

[Immagine Test] Questa immagine e' un link ipertestuale (in questo caso, punta al documento precedente).


Indice HomePage