Selección por formato y descripción de imágenes

<!DOCTYPE html> <html lang="es"> <head> <title>Selección por formato y descripción de imágenes</title> <meta charset="utf-8"> <link rel="stylesheet" href="course.css"> <link rel="stylesheet" href="cat-boxes.css"> <link rel="stylesheet" href="style.css"> </head> <body> <header class="page-header">Fotos felinas</header> <main> <div class="photos"> <img src="cat_fat.gif" alt="Papá de Cupcake"> <img src="cat_acrobat.jpg" alt="No Amigo Negrito"> <img src="cat_clean.gif" alt="Amigo Rodolfo"> <img src="cat_grumpy.png" alt="Gato triste"> <img src="cat_lady.jpg" alt="Mamá de Cupcake"> <img src="cat_pirate.png" alt="Félix, hermano de Cupcake"> <img src="cat_rascal.gif" alt="Amigo Copito"> <img src="cat_sing.jpg" alt="Massimo, hermano de Cupcake"> <img src="cat_upsidedown.png" alt="Amigo Simón"> <img src="cat_tied.png" alt="Vecino"> <img src="cat_walk.gif" alt="Cupcake"> </div> </main> <footer class="page-footer"></footer> </body> </html>