Examen de Desarrollo Web: HTML, CSS y Responsive Design
Preguntas del examen
¿Cuál es la finalidad principal de HTML en el desarrollo web?
¿Qué elemento HTML representa el contenido principal de una página?
¿Qué elemento HTML se utiliza habitualmente para agrupar enlaces de navegación importantes?
¿Para qué sirve el atributo alt de una imagen HTML?
¿Qué relación establecen los atributos for de <label> e id de un campo de formulario?
¿Qué característica permite definir reglas CSS según el ancho del viewport u otras condiciones del dispositivo?
¿Qué sistema CSS resulta especialmente adecuado para distribuir elementos a lo largo de un eje principal?
¿Qué característica tiene CSS Grid?
¿Qué efecto tiene box-sizing: border-box sobre el cálculo del ancho declarado de un elemento?
¿Respecto de qué referencia se calcula generalmente una longitud CSS expresada en rem?
Solucionario con explicaciones
(ver respuestas)
- ¿Cuál es la finalidad principal de HTML en el desarrollo web?
Respuesta: c) Estructurar semánticamente el contenido de documentos web.
HTML define la estructura y significado de elementos como encabezados, párrafos, enlaces y formularios.
- ¿Qué elemento HTML representa el contenido principal de una página?
Respuesta: a)
<main>.El elemento main identifica el contenido principal del documento o aplicación.
- ¿Qué elemento HTML se utiliza habitualmente para agrupar enlaces de navegación importantes?
Respuesta: d)
<nav>.El elemento nav identifica una sección de navegación.
- ¿Para qué sirve el atributo
altde una imagen HTML?Respuesta: b) Para proporcionar texto alternativo apropiado que describe la función o contenido relevante de la imagen.
Un texto alternativo adecuado mejora la accesibilidad y proporciona información cuando la imagen no puede mostrarse.
- ¿Qué relación establecen los atributos
forde<label>eidde un campo de formulario?Respuesta: e) Asocian explícitamente una etiqueta con el control correspondiente.
La asociación entre label y control mejora la interacción y accesibilidad de los formularios.
- ¿Qué característica permite definir reglas CSS según el ancho del viewport u otras condiciones del dispositivo?
Respuesta: c) Media queries.
Las media queries permiten aplicar estilos según características del medio, como el ancho disponible.
- ¿Qué sistema CSS resulta especialmente adecuado para distribuir elementos a lo largo de un eje principal?
Respuesta: a) Flexbox.
Flexbox facilita la disposición flexible de elementos en una dimensión, ya sea horizontal o vertical.
- ¿Qué característica tiene CSS Grid?
Respuesta: d) Permite organizar diseños mediante filas y columnas.
CSS Grid proporciona un sistema de diseño bidimensional basado en filas y columnas.
- ¿Qué efecto tiene
box-sizing: border-boxsobre el cálculo del ancho declarado de un elemento?Respuesta: b) Incluye contenido, padding y borde dentro del ancho declarado, sin contar márgenes.
Con border-box, las dimensiones declaradas incluyen el contenido, el relleno y el borde.
- ¿Respecto de qué referencia se calcula generalmente una longitud CSS expresada en
rem?Respuesta: e) El tamaño de fuente del elemento raíz.
La unidad rem se calcula en relación con el tamaño de fuente del elemento raíz del documento.
Sobre este examen
- Preguntas: 10 de opción múltiple con una sola respuesta correcta
- Tiempo recomendado: unos 15 minutos (1,5 min por pregunta)
- Corrección: automática, con explicación de cada respuesta
- Alternativas: a) a e), con una respuesta correcta
Qué evalúa: Evalúa diez preguntas sobre HTML semántico, accesibilidad, CSS, Flexbox, Grid y diseño adaptable a dispositivos móviles.
¿Quieres crear un examen como este sobre otro tema?
Convierte tus apuntes en preguntas de examen.
https://generadordeexamenes.com/examen-de-desarrollo-web-html-css-responsiveCompartir en redes sociales: