1. ¿Cuáles son las principales diferencias entre los formatos de imágenesGIF, JPEG y PNG?

gif: 256 colores, areas de colores limitados, maneja transparencias

jpg: puede tener miles de colores, estas no tienen transparencia

png: miles de colores, maneja transparencias

2. ¿En qué situaciones es recomendable utilizar cada uno de formatos de imágenes?

gif: para logotipos o banners

jpg: para mostrar fotografias

png:

3. ¿Cuáles son los atributos principales del TAG <img>?

src: ruta de la imagen

alt: texto que se muestra cuando no se carga la imagen

dimensiones (width y height): especifican en que tamaño queremos que se muestre la imagen, si no se especifican, se mostrara la imagen en su tamaño original

4. ¿Cuál es la forma de mostrar imágenes como enlaces?

agregando el tag de la imagen dentro del tag del enlace

5. ¿De qué manera se puede alinear una imagen junto con un texto?

Usando las reglas de estilo "text-align" y "float"

6. ¿Cómo se puede agregar espacios alrededor de la imagen?

Usando las reglas de estilo "padding" o "margen"

7. ¿Cómo se puede agregar una imagen de fondo para un elemento HTML?

Usando la propiedad background-image:url(ruta de imagen)

8. ¿Qué opciones tenemos para personalizar una imagen de fondo?

background-repeat: especifica si la imagen debe de repetirse y en que direccion, "X", "Y" o ambas

background-position: especifica la posicion en "X" y "Y" en donde se quiere mostrar la imagen

background-attachment: determina si la imagen debe de mantenerse en su posicion o si debe moverse junto con el scroll

9. ¿Qué es un ImageMap?

es una imagen que puede tener varios enlaces determinados por areas

10. ¿Qué piezas de código se necesitan para crear un ImageMap?

img: la imagen que se va a utilizar como mapa, map:contiene los tags de area de cada enlace , y area: define el area que sera utilizada como enlace

11. ¿Cuál es la función del TAG <hr>?

genera una regla horizontal que es una linea que divide el contenido de la pagina

12. ¿Cuáles son los pasos para agregar una imagen a una regla horizontal para que no se muestre una simple línea?

se crea una regla de estilo para el tag en donde se define que imagen se va a utilizar para el fondo, hay que definir la altura para que se pueda ver la imagen