Control+Formulario+Imagen

Control imagen


 * Atributos de las imágenes:**
 * src=**"imagen.gif". Este atributo es obligatorio e indica el nombre del archivo imagen (entre comillas) o la URL (ruta o dirección en la que esta la imagen que se va incluir en el documento).
 * align=**"left / right / top / middle / bottom". Permite controlar la alineación de una imagen con respecto a una línea de texto adyacente o a otras imágenes en esa línea.
 * alt=**"Texto explicativo". Mensaje que se mostrará al pasar el ratón sobre la imágen. Este texto se mostrará en caso de que la imágen no se cargara. Este atributo se implemento cuando los navegadores sólo podían desplegar sólo texto.
 * width=**"n" n en pixels. Atributo opcional siendo recomendable usarlo para ayudar al navegador a representar la imagen, define el ancho de la imagen que vamos a representar.
 * height=**"n" n en pixels. Atributo es opcional y recomendable ponerlo, define la altura de la imagen.
 * border=** "n", n en pixels. Mediante este atributo designamos el ancho del borde que rodea la imagen.

Seguidamente mostramos un ejemplo de cómo incluir una imagen en nuestra página web:   Un párrafo con una imagen. El atributo align de la imagen esta configurado a la izquierda. La imagen aparecerá a la izquierda de este texto Un párrafo con una imagen. El atributo align de la imagen esta configurado a la izquierda. La imagen aparecerá a la izquierda de este texto Ejemplo (3):  Un párrafo con una imagen. El atributo align de la imagen esta configurado a la derecha. La imagen aparecerá a la derecha de este texto Un párrafo con una imagen. El atributo align de la imagen esta configurado a la derecha. La imagen aparecerá a la derecha de este texto La etiqueta para incluir una imagen es la siguiente:  (no tiene etiqueta de cierre) donde URL es la dirección de la imagen. La URL puede ser relativa o absoluta. Unos ejemplos aclararán este concepto:  se verá como: ALIGN=BOTTOM, HSPACE=2 , WIDTH=41 , HEIGHT=37. Esta es una dirección relativa.  insertaría en el lugar del documento donde hubieras puesto la etiqueta una bonita foto de Saturno con dos de sus lunas (Tetis y Dione), siempre que estuvieras conectado a Internet. Esta es una dirección absoluta, ya que la dirección no depende del directorio donde esté ubicada la página que la contiene. Ejemplos MonoEsta imagen tiene los atributos: align=left, hspace=10 , width=250 , hight=170 , border=1 , alt="Mono" y como quiero que después de estos comentarios el texto salte debajo de la imagen escribo: Como ves, ésto está debajo de la foto AguilaEsta otra tiene los atributos: align=right, hspace=1 , border=5 , alt=" Aguila" width=250 , height=165. También debería de escribir para que el final de página aparezca en su sitio. Como no lo hago queda a la izquierda de la imagen. Fíjate en el borde Atributos de IMG Los atributos de la imagen pueden ser los siguientes: ALT="Texto que aparece al situar el cursor sobre la imagen" También muestra este mismo texto en caso de que el navegador no cargue la imagen. ALIGN= Nos indica la posición de la imagen respecto del texto. Después del signo igual, pueden ir los valores: TOP si queremos que el texto esté alineado con la parte superior de la imagen MIDDLE alinea el texto con la parte central de la imagen BOTTOM alinea el texto con la parte inferior de la imagen LEFT alinea la imagen a la izquierda de la página forzando la colocación del texto en la parte derecha y arriba RIGHT alinea la imagen en la derecha de la página forzando la colocación del texto en la parte izquierda y arriba. Si se quiere interrumpir el proceso de rellenado del texto a los lados de la imagen, para que salte hasta debajo de ella, es decir, dejar un espacio en blanco parcialmente, se pueden emplear las siguientes extensiones de la etiqueta : Busca el primer margen libre (clear) a la izquierda. Busca el primer margen libre a la derecha. Busca el primer margen libre a ambos lados. WIDTH=80, HEIGTH=100 Indican la anchura y altura de la imagen en píxels, en este caso 80x100 píxels. Atributos: HSPACE=5, ALIGN=LEFT , ALT="Atributos: ..." , WIDTH=34, HEIGHT=33Si especificamos las dimensiones de las imágenes, las páginas se cargan más rápido, debido a que el navegador reserva el espacio para ellas y sigue cargando el texto BORDER=2 Añade un borde, a modo de marco, a la imagen. En este caso de 2 píxels. HSPACE=10, VSPACE=15 Especifican el espacio horizontal y vertical que separa la imagen del texto que la rodea, en este caso 10 píxels horizontales y 15 verticales