Examen Pr´actico de HTML (Ejercicios 1 al 21)
Lic. Javier Samael Valdivia A.
Instrucciones
Desarrolle los siguientes ejercicios utilizando ´unicamente c´odigo HTML. Cada pregunta
soli cita un resultado definido. Se evaluar´a la correcta estructura del c´odigo, el uso de
etiquetas sem´anticas, la indentaci´on y la fidelidad al objetivo propuesto.
Preguntas
Pregunta 1. Estructura Sem´antica Completa. Cree una p´agina con las siguientes secciones: Un
<header> con el t´ıtulo "Mi Portafolio".
¨
Un <nav> con enlaces a Inicio", "Proyectos" y C¸ontacto".
Un <main> con un <article> titulado "Sobre m´ı" y un p´arrafo con texto libre. Un
<footer> con el texto "Derechos Reservados 2025".
Pregunta 2. Formulario Completo de Registro. Cree un formulario con los siguientes campos:
Nombre (texto)
Correo electr´onico (email)
Contrase˜na (password)
Sexo (radio: Masculino/Femenino)
Intereses (checkbox: Deporte, M´usica, Lectura)
Pa´ıs (men´u desplegable con al menos 3 pa´ıses)
Comentario (textarea)
Incluya un bot´on de env´ıo al final del formulario.
Pregunta 3. Tabla de Horarios. Cree una tabla con:
Encabezado que muestre: D´ıa, 08:00–10:00, 10:00–12:00.
1
Curso de Dise˜no Web I Examen de HTML
Filas para Lunes, Martes y Mi´ercoles, con materias diferentes por bloque.
Use <th>, <td>, y aplique border="1".
Pregunta 4. Multimedia Combinada. Cree una p´agina que incluya:
Un video de muestra con controles (puede usar video.mp4).
Un audio de muestra con controles (puede usar audio.mp3).
Un mapa insertado con <iframe> desde Google Maps.
Pregunta 5. Glosario T´ecnico. Cree una lista de definici´on que contenga al menos tres t´erminos:
HTML
CSS
JavaScript
Cada t´ermino debe estar definido usando las etiquetas <dl>, <dt>, <dd>.
Nota: Se recomienda validar el c´odigo utilizando un navegador web o un validador online
de HTML.