Logo de Quantumn Skill
Quantumn Skill Biblioteca de Programacion

200 · Ejercicios · HTML

Practica lo aprendido

12 ejercicios · 4 Junior · 4 Medio · 4 Avanzado

Escribe tu solución en cada editor y pulsa «Comprobar ejercicio». La comprobación busca los elementos fundamentales necesarios para cada reto.

01
JUNIOR · 01

Estructura básica

Crea la estructura básica de un documento HTML utilizando las etiquetas <html>, <head> y <body>.

02
JUNIOR · 02

Encabezado del documento

Crea el encabezado de una página HTML utilizando <meta charset="UTF-8"> y establece un título mediante <title>.

03
JUNIOR · 03

Títulos y párrafos

Crea un título principal utilizando <h1> y debajo agrega un párrafo utilizando <p>.

04
JUNIOR · 04

Enlaces e imágenes

Crea un enlace utilizando <a> con un atributo href y agrega una imagen utilizando <img> con el atributo src.

05
MEDIO · 01

Listas

Crea una lista no ordenada utilizando <ul> y agrega al menos tres elementos utilizando <li>.

06
MEDIO · 02

Tablas

Crea una tabla utilizando <table>, agrega filas con <tr>, encabezados con <th> y datos con <td>.

07
MEDIO · 03

Formularios

Crea un formulario utilizando <form>. Agrega una etiqueta <label>, un campo <input> y un botón <button>.

08
MEDIO · 04

Divisiones y atributos

Crea una sección utilizando <div>. Asígnale un atributo class y un elemento interno con un atributo id.

09
AVANZADO · 01

HTML semántico

Crea una página utilizando las etiquetas semánticas <header>, <nav>, <main> y <footer>.

10
AVANZADO · 02

Organización semántica

Crea una página que contenga una <section>, un <article> y un <aside> para organizar correctamente el contenido.

11
AVANZADO · 03

Multimedia

Agrega contenido multimedia utilizando las etiquetas <audio> y <video>. Incluye el atributo controls.

12
AVANZADO · 04

Formulario completo

Crea un formulario completo utilizando <form>, <fieldset>, <legend>, <input>, <select> y <textarea>.