miércoles, 24 de abril de 2013

La etiqueta <IMG>

La etiqueta <IMG> te servirá para situar imágenes en una página. Es una etiqueta "verdadera", pues no tiene etiqueta de cierre:

<IMG>

La etiqueta <IMG> requiere un origen de datos obligatorio dado por el atributo SRC=. Indica la imagen en cuestión:

<IMG SRC="bander.gif">

Tan sólo el código anterior es necesario para añadir una imagen a tu página, mostrando la imagen situada en el mismo directorio del documento HTML.


Atributos de la etiqueta <IMG>

A la etiqueta <IMG> se le pueden añadir varios atributos para controlar la manera en que un navegador administra una imagen. Estos atributos son los siguientes:
width="x" Permite al navegador predeterminar el ancho, en pixles, que tendrá tu imagen.
height="x" Junto con el atributo width, el navegador puede preparar el espacio necesario para tu imagen antes de que se muestre.
border="x" Para añadir o eliminar un borde, donde la x será un valor numérico.
align="xxx" Puedes alinear una imagen horizontal y/o verticalmente en una página usando este atributo.
alt="descripción_de_la_imagen" El atributo alt te permite describir la imagen para los navegadores de sólo texto, así como etiquetar la imagen antes de que se cargue en una página.
hspace="x" horizontal space, se usa para añadir espacio vacío, con un valor numérico, en la coordenada horizontal de una imagen.
vspace="x" vertical space, controla el espacio de la imagen en las coordenadas verticales.


<HTML>
<HEAD>
<TITLE>Añadiendo imágenes</TITLE>
</HEAD>
<body>
<IMG SRC="images/bander.gif">
</body>
</HTML>
Estos Son Codigos Faciles De Realizar Con Los Atributos Haces Cosas Que Alacanzaras Con Estos :D







No hay comentarios:

Publicar un comentario