àPágina 10                                    Lección 10.

                                        Alineación de texto e Imágenes

Si desea acomodar el texto en la parte superior o media de la imagen o si quiere que el texto se ajuste alrededor de la imagen, la etiqueta  <IMG> cuenta con un atributo adicional “ALIGN” que se utiliza para colocar imágenes y texto.

Top àEl texto se alinea con la parte superior de la imagen.

MiddleàEl texto se alinea con la parte media de la imagen.

BOTTONàEl texto se alinea con el fondo de la imagen.

Leftà La imagen aparece al lado izquierdo de la ventana del navegador y el texto se ajusta alrededor de la imagen, hacia la derecha.

RightàLa imagen aparece del lado derecho de la ventana del navegador y el texto se ajusta alrededor de la imagen hacia la izquierda.

                                                                     Ejemplo:

                                     <HTML>

                                       <HEAD>       

                                                 <TITLE> Mi web    </TITLE>

                                        </HEAD>

                                                 <BODY>

                                                           <IMG SRC=”Logo.GIF” Align=Top>

                                   Las maravillas de la imagen

                                                           <IMG SRC=”Logo.JPG” Align=MIDDLE>

                                  Este  aparece en la parte media                                       

 

                                                  </BODY>

                                           </HTML>

La etiqueta <IMG> de imagen tiene un atributo Extra “ALT” que puede colocar para ofecer un texto alterno que aparezca en el lugar de la imagen.

                                                       Ejemplo:

                                        <IMG SRC=”Puerto.GIF ALT=”EL mejor puerto es Acapulco”>

 

            

                                                           <IMG SRC=”Logo.GIF” Align=Top>

Volver al principio

 

Mi página web: http://www.oocities.org/espanol/severinoglzs/Index