Este documento proporciona instrucciones sobre cómo insertar imágenes en HTML utilizando la etiqueta <IMG> y sus diferentes atributos como src, alt, height, width, border, align y otros. También explica cómo usar el atributo alt para proporcionar una descripción de la imagen cuando no pueda visualizarse y pide al lector que cree el código HTML para mostrar 4 imágenes con diferentes tamaños y bordes.

1. HOJA DE PRÁCTICAS DE HTML
INSTRUCTO R: TERESA SUAREZ REYES
IMÁGENES
 Insertar imágenes
La instrucción <IMG> tiene varios parámetros:
src = "imagen". Indica el nombre del fichero gráfico a mostrar.
alt = "texto". Mostrará el texto indicado en el caso de que el navegador utilizado para ver
la página no sea capaz de visualizar la imagen.
lowscr = "imagen". Muestra una segunda imagen "superpuesta" sobre la primera una vez
se carga la página. Este parámetro no es reconocido por la totalidad de los navegadores,
así que en la mayoría de los casos será ignorado mostrándose sólo la primera imagen.
Los valores son:(top) alinea el texto con la parte superior de la imagen, (middle)
con la parte central y (bottom) con la parte inferior.
border ="número". Indica el tamaño del borde de la imagen. A toda imagen se le asigna
un borde que será visible cuando la imagen forma parte de un hiperenlace.
height = "número o %". Indica el alto de la imagen en puntos o porcentaje. Se usa para
variar el tamaño de la imagen original.
width ="número o %". Indica el ancho de la imagen en puntos o porcentaje. Se usa para
variar el tamaño de la imagen original.
hspace ="número". Indica el número de espacios horizontales, en altura, que separarán
la imagen del texto que la siga y la anteceda.
vspace ="número". Indica el número de puntos verticales que separarán la imagen del
texto que la siga y la anteceda.
ismap/usemap. Indica que la imagen es un MAPA. Veremos estos parámetros en el
siguiente apartado.
SI PONE M O S SE VERA ASÍ
Te gusta<IMG src ="imagen.jpg" alt="Lastima, no
puedes verla"
height="120" width="120"
align="middle" hspace="20">Mi
imagen
Te gusta Mi imagen
Si el visor no pudiese visualizar el gráfico.......
Te gusta Lastima, no puedes verla Mi
imagen
Atributo alt
Dentro de las comillas de este atributo colocaremos una brevísima descripción de la
imagen. Esta etiqueta no es indispensable pero presenta varias utilidades. La sintaxis te
quedaría de esta manera:
<img src="mi_archivo.png" alt="Descripción de esta maravillosa imagen">

2. HOJA DE PRÁCTICAS DE HTML
INSTRUCTO R: TERESA SUAREZ REYES
I. ELABORA EL CODIGO PARA REALIZAR LA SIGUIENTE PAGINA WEB, UTILIZANDO LAS
ETIQUETAS PARA DAR FORMATO A IMÁGENES.
NOTA: Usar dos saltos de línea <br> entre cada imagen y con un borde de 3 a la primera imagen y
1 en las demás.
ANCHURA: 28 TAMAÑO ORIGINAL
ALTURA: 21
ANCHURA: 68 TAMAÑO ACHATADA
ALTURA: 21
ANCHURA: 28 TAMAÑO ALARGADA
ALTURA: 51
ANCHURA: 56 TAMAÑO DOBLE GRANDE
ALTURA: 42