Repositorio para realizar los retos propuestos de HTML por Manzdev en https://lenguajehtml.com/challenge
Aquí puedes ver mis soluciones para los retos
| # | Reto | Solución | Web |
|---|---|---|---|
| 01 | Crea una página HTML con código CSS desde un archivo diferente. | 📁 01/ | Día 01 |
| 02 | Crea una página con un titular, varios párrafos de texto y una imagen. | 📁 02/ | Día 02 |
| 03 | Construye una página con un párrafo que tenga enlaces internos y externos (a otros sitios web). | 📁 03/ | Día 03 |
| 04 | Valida el código HTML de tus ejemplos anteriores (y los siguientes a partir de ahora). | 📁 04/ | Día 04 |
| 05 | Ponle un título y una descripción al documento, ideal para SEO. | 📁 05/ | Día 05 |
| 06 | Crea un grupo de secciones (acordeón) donde se despliegue sólo uno a la vez. | 📁 06/ | Día 06 |
| 07 | Coloca una imagen en formato JPEG-XL. Si el navegador no la soporta, que use AVIF. Sino, que use JPG. | 📁 07/ | Día 07 |
| 08 | Crear un párrafo de texto con palabras destacadas en diferentes colores. | 📁 08/ | Día 08 |
| 09 | Crea un pergamino con una lista de objetos, donde se numere con números romanos (mayúsculas). | 📁 09/ | Día 09 |
| 10 | Inserta un video de Youtube en una página y estila con CSS para que se vea bien. | 📁 10/ | Día 10 |
| 11 | Escribe un texto con super/subíndices (fórmulas químicas, por ejemplo). | 📁 11/ | Día 11 |
| 12 | Crea un slider que permita seleccionar un número entre 1-50 y lo muestre en vivo al cambiar. | 📁 12/ | Día 12 |
| 13 | Crea una barra medidora que muestre los tickets vendidos en un cine (64/100 tickets vendidos). | 📁 13/ | Día 13 |
| 14 | Muestra un bloque de fragmento de código CSS en una página (sin resaltado de colores). | 📁 14/ | Día 14 |
| 15 | Crea una página con un video MP4, que muestre una portada antes de darle a reproducir. | 📁 15/ | Día 15 |
| 16 | Muestra un texto con el atajo de teclado CTRL+ALT+SUPR y dale estilo para que parezcan teclas. | 📁 16/ | Día 16 |
| 17 | Crea una card de usuario: username como título, un avatar, edad, país, nacimiento y enlace a su web. | 📁 17/ | Día 17 |
| 18 | Crea un pequeño artículo de prensa con una noticia inventada. Usa etiquetas HTML semánticas. | 📁 18/ | Día 18 |
| 19 | Crea una tabla con información. Incluye una cabecera y un pie de tabla. La última columna será de un color diferente. | 📁 19/ | Día 19 |
| 20 | Crea un formulario para dejar un comentario en una página: Usuario y comentario de texto. | 📁 20/ | Día 20 |
| 21 | Crea una lista desplegable donde se pueda seleccionar entre 3 grupos de productos ficticios. | 📁 21/ | Día 21 |
| 22 | En la lista anterior, permite al usuario introducir opciones personalizadas y filtrar de datos. | 📁 22/ | Día 22 |
| 23 | Crea un formulario que te permita elegir un día entre el 15/nov y el 15/dic. | 📁 23/ | Día 23 |
| 24 | Crea un formulario de registro que valide si el username escrito es válido (sólo letras y números) o no. | 📁 24/ | Día 24 |
| 25 | Crea una galería de fotos. Asegúrate que no se cargan si están fuera de la región visible del navegador. | 📁 25/ | Día 25 |
| 26 | Crea un mensaje emergente al pulsar un botón, que desaparezca al pulsar fuera del mensaje. | 📁 26/ | Día 26 |
| 27 | Crea una serie de etiquetas que permitan mostrar como miniatura una imagen en redes sociales. | 📁 27/ | Día 27 |
| 28 | Crea una ventana modal que bloquee la interación con otros botones. Requiere un poco de Javascript. | 📁 28/ | Día 28 |
| 29 | Crea un sistema de pestañas (tabs) para mostrar información. Necesita algo de Javascript. | 📁 29/ | Día 29 |
| 30 | Carga una librería Javascript de confetti y lánzalo cuando pulses en un botón. Requiere algo de Javascript. | 📁 30/ | Día 30 |