Entradas

Mostrando las entradas con la etiqueta como crear una página WEB

Dashboard de Fórmula 1: Ranking de Pilotos y Equipos por Temporada

Imagen
  Dashboard de Fórmula 1 con JavaScript y API-FORMULA-1 Si estás buscando una forma sencilla de visualizar resultados de Fórmula 1 en una página web, en este artículo te mostraré cómo construir un dashboard interactivo utilizando HTML, CSS, JavaScript y la API-FORMULA-1 de API-SPORTS. El resultado es una aplicación web que permite consultar el ranking de pilotos y equipos por temporada, mostrando los datos obtenidos en tiempo real desde una API REST. ¿Qué muestra el dashboard? La aplicación permite: Seleccionar una temporada entre 2019 y 2026. Consultar la clasificación de pilotos. Consultar la clasificación de constructores. Visualizar los puntos acumulados por cada piloto y equipo. Mostrar imágenes de pilotos y logotipos de escuderías. Toda la información se obtiene dinámicamente desde la API-FORMULA-1, evitando la necesidad de almacenar datos localmente. API utilizada Para este proyecto se utiliza la API-FORMULA-1 de API-SPORTS disponible a través de RapidAPI. La documentación o...

HTML con complementos de audio y video

Imagen
Hola bienvenidos a un post mas del blog programación para todos, hemos visto varios ejemplos en el blog de como poder crear nuestras páginas WEB ya sean  Estáticas con HTML o Dinámicas con PHP , ASP , Javascript o tener páginas mas completas con ayuda de Wordpress o Wix . Esta semana les quiero mostrarles un ejemplo de HTML pero ahora con complementos de audio y vídeo en nuestras páginas WEB El complemento de audio soporta 3 tipos de archivos: ogg,mpeg,wav  tiene como atributos: Controls: que nos permite mostrar los controles de play, pausa, adelantar, atrasar Src: es para indicar cual es el archivo origen que se reproducirá Mute: que es para silenciar el audio Loop: para ejecutar el audio de manera continua Para escribir la pagina web es: <audio controls>   <source src="prueba.ogg" type="audio/ogg" controls=true>   <source src="prueba.mp3" type="audio/mpeg">   <source src="prueba.wav" typ...

🚀 Mantener este blog funcionando requiere tiempo y café. ¡Puedes contribuir con uno aquí!