El documento describe las etiquetas HTML para imágenes (<img>), enlaces (<a>) y los formatos de imagen GIF, JPG y PNG. Explica que la etiqueta <img> se usa para insertar imágenes especificando la ubicación del archivo en src y su descripción en alt, y que se pueden ajustar el ancho y alto con width y height. También cubre cómo enlazar imágenes usando <a> para definir la ubicación del enlace y <img> dentro de las etiquetas de enlace.

2. • <img/> junto a src y alt. En “src” se coloca la
ubicación del archivo y en “alt” la descripcion del
archivo.
• “Width” y “height” son dos atributos que sirven
para redimensionar la imagen.
• No es posible reducir el tamaño de los archivos.
• Ralentizan la carga del documento.

3. • Por que en esta etiqueta se trae el contenido a
diferencia de etiquetas como <b> en las cuales
se pone el contenido directamente. Ejemplo:
<b> contenido directo.</b>
<img src=“ubicación de archivo”
alt=“descripcion”/>

4. • GIF: ocupan poco espacio, cargan rapido, 256
colores, y se pueden hacer fondos
transparentes.
• JPG: Tiene un tamaño menor que el GIF, y
trabaja con color de 24 bits, es decir 16,7
millones de colores.
• PNG: Es el estandar y podemos trabajar con
varias profundidades de paletas, no todos los
navegadores lo implementan correctamente.

5. • <a> junto a “href” que define la ubicación del enlace, y
“title” que define el titulo del enlace; la etiqueta de cierre
de enlace es </a>.
<a href=“ubicación del enlace” title=“ titulo del enlace” </a>

6. • Debemos encerrar la definicion de la imagen entre las
etiquetas del enlace.
<a href=“ubicación del enlace” title=“ titulo del enlace”
<img src=“ … ” alt=“ … ”/>
</a>

8. ¡MUCHAS GRACIAS!