HTML - de Cero a Profesional

Ejercicios Avanzados

  1. Crea un diseño de página utilizando la etiqueta <div> y estilos CSS para posicionar los elementos.
  2. Implementa un menú de navegación con enlaces utilizando la etiqueta <nav>.
  3. Diseña una galería de imágenes utilizando la etiqueta <figure> y <figcaption> para agregar subtítulos.
  4. Crea una tabla con encabezados de columna y fila utilizando las etiquetas <th> y <td> respectivamente.
  5. Incorpora un formulario de contacto con campos de nombre, correo electrónico y mensaje.
  6. Implementa un reproductor de audio personalizado utilizando la etiqueta <audio> y estilos CSS.
  7. Diseña un formulario de registro con campos de nombre de usuario, contraseña y confirmación de contraseña.
  8. Crea una lista de reproducción de vídeo utilizando la etiqueta <video> y controles personalizados.
  9. Implementa un carrousel de imágenes utilizando HTML y CSS.
  10. Diseña una página de inicio de sesión con campos de nombre de usuario y contraseña.
  11. Utiliza la etiqueta <canvas> para dibujar formas geométricas simples como círculos y rectángulos.
  12. Crea una sección de testimonios con citas utilizando la etiqueta <blockquote> y estilos CSS.
  13. Implementa un menú desplegable utilizando la etiqueta <select> y <option>.
  14. Diseña una página de perfil de usuario con campos de información personal como nombre, dirección y número de teléfono.
  15. Utiliza la etiqueta <embed> para incrustar contenido multimedia como mapas de Google o presentaciones de diapositivas.
  16. Crea una sección de preguntas frecuentes con preguntas y respuestas utilizando la etiqueta <details> y <summary>.
  17. Implementa un sistema de votación utilizando botones de opción (<input type="radio">) y etiquetas de texto.
  18. Diseña una tabla de precios con diferentes planes de suscripción utilizando la etiqueta <table> y estilos CSS.
  19. Crea un formulario de búsqueda con un campo de entrada y un botón de búsqueda.
  20. Utiliza la etiqueta <iframe> para incrustar contenido de otro sitio web, como un mapa de Google Maps.

Recursos