Quiz Parte II: Componentes de Páginas Web
Preguntas
¡Felicitaciones por completar la Parte II de tu viaje en el desarrollo web! Este cuestionario está diseñado para evaluar tu comprensión de los conceptos clave cubiertos en los capítulos sobre trabajo con texto y listas, agregando imágenes y enlaces, y estructurando páginas web. Tómate tu tiempo, reflexiona sobre lo que has aprendido y aprovecha esta oportunidad para consolidar tus conocimientos.
Pregunta 1: Listas HTML
¿Qué elemento HTML se utiliza para crear una lista desordenada?
A) <ul>
B) <ol>
C) <li>
D) <list>
Pregunta 2: El Elemento <img>
¿Qué atributo es obligatorio para un elemento <img>?
A) src
B) alt
C) href
D) title
Pregunta 3: Crear Hipervínculos
¿Qué elemento HTML se utiliza para definir un hipervínculo?
A) <link>
B) <a>
C) <href>
D) <nav>
Pregunta 4: El Modelo de Caja
¿Cuál de los siguientes NO es parte del modelo de caja CSS?
A) Margen
B) Relleno (Padding)
C) Contenido
D) Color de fondo (Background-color)
Pregunta 5: Uso de <div> y <span>
¿Cuál es la principal diferencia entre un elemento <div> y un elemento <span>?
A) <div> se usa para imágenes, <span> para texto
B) <div> es un elemento de nivel de bloque, <span> es un elemento en línea
C) <div> admite estilos, <span> no
D) No hay diferencia
Pregunta 6: Diseño Responsivo
¿Qué propiedad de CSS se utiliza comúnmente para crear diseños que se adaptan a diferentes tamaños de pantalla?
A) display: adaptive;
B) @media
C) layout: responsive;
D) flex-wrap
Pregunta 7: Barra de Navegación
Para crear una barra de navegación que enlace a diferentes secciones del sitio web, ¿qué combinación de elementos HTML se utiliza comúnmente?
A) <nav> y <ul>
B) <header> y <footer>
C) <links> y <buttons>
D) <div> y <span>
Pregunta 8: Accesibilidad en el Desarrollo Web
Proporcionar texto alternativo para imágenes es importante para:
A) Mejorar la velocidad del sitio web
B) SEO
C) Usuarios que utilizan lectores de pantalla
D) Cambiar el tamaño de la imagen
Pregunta 9: Estilizar Listas
¿Cómo puedes eliminar los puntos de viñeta predeterminados de una lista desordenada?
A) list-style-type: none;
B) list-bullets: off;
C) bullet-style: no-bullets;
D) list-decoration: none;
Pregunta 10: Implementar Navegación Fija (Sticky Navigation)
¿Qué propiedad CSS hace que un elemento se pegue en la parte superior de la página al desplazarse?
A) position: fixed;
B) position: sticky;
C) overflow: scroll;
D) display: sticky;
Preguntas
¡Felicitaciones por completar la Parte II de tu viaje en el desarrollo web! Este cuestionario está diseñado para evaluar tu comprensión de los conceptos clave cubiertos en los capítulos sobre trabajo con texto y listas, agregando imágenes y enlaces, y estructurando páginas web. Tómate tu tiempo, reflexiona sobre lo que has aprendido y aprovecha esta oportunidad para consolidar tus conocimientos.
Pregunta 1: Listas HTML
¿Qué elemento HTML se utiliza para crear una lista desordenada?
A) <ul>
B) <ol>
C) <li>
D) <list>
Pregunta 2: El Elemento <img>
¿Qué atributo es obligatorio para un elemento <img>?
A) src
B) alt
C) href
D) title
Pregunta 3: Crear Hipervínculos
¿Qué elemento HTML se utiliza para definir un hipervínculo?
A) <link>
B) <a>
C) <href>
D) <nav>
Pregunta 4: El Modelo de Caja
¿Cuál de los siguientes NO es parte del modelo de caja CSS?
A) Margen
B) Relleno (Padding)
C) Contenido
D) Color de fondo (Background-color)
Pregunta 5: Uso de <div> y <span>
¿Cuál es la principal diferencia entre un elemento <div> y un elemento <span>?
A) <div> se usa para imágenes, <span> para texto
B) <div> es un elemento de nivel de bloque, <span> es un elemento en línea
C) <div> admite estilos, <span> no
D) No hay diferencia
Pregunta 6: Diseño Responsivo
¿Qué propiedad de CSS se utiliza comúnmente para crear diseños que se adaptan a diferentes tamaños de pantalla?
A) display: adaptive;
B) @media
C) layout: responsive;
D) flex-wrap
Pregunta 7: Barra de Navegación
Para crear una barra de navegación que enlace a diferentes secciones del sitio web, ¿qué combinación de elementos HTML se utiliza comúnmente?
A) <nav> y <ul>
B) <header> y <footer>
C) <links> y <buttons>
D) <div> y <span>
Pregunta 8: Accesibilidad en el Desarrollo Web
Proporcionar texto alternativo para imágenes es importante para:
A) Mejorar la velocidad del sitio web
B) SEO
C) Usuarios que utilizan lectores de pantalla
D) Cambiar el tamaño de la imagen
Pregunta 9: Estilizar Listas
¿Cómo puedes eliminar los puntos de viñeta predeterminados de una lista desordenada?
A) list-style-type: none;
B) list-bullets: off;
C) bullet-style: no-bullets;
D) list-decoration: none;
Pregunta 10: Implementar Navegación Fija (Sticky Navigation)
¿Qué propiedad CSS hace que un elemento se pegue en la parte superior de la página al desplazarse?
A) position: fixed;
B) position: sticky;
C) overflow: scroll;
D) display: sticky;
Preguntas
¡Felicitaciones por completar la Parte II de tu viaje en el desarrollo web! Este cuestionario está diseñado para evaluar tu comprensión de los conceptos clave cubiertos en los capítulos sobre trabajo con texto y listas, agregando imágenes y enlaces, y estructurando páginas web. Tómate tu tiempo, reflexiona sobre lo que has aprendido y aprovecha esta oportunidad para consolidar tus conocimientos.
Pregunta 1: Listas HTML
¿Qué elemento HTML se utiliza para crear una lista desordenada?
A) <ul>
B) <ol>
C) <li>
D) <list>
Pregunta 2: El Elemento <img>
¿Qué atributo es obligatorio para un elemento <img>?
A) src
B) alt
C) href
D) title
Pregunta 3: Crear Hipervínculos
¿Qué elemento HTML se utiliza para definir un hipervínculo?
A) <link>
B) <a>
C) <href>
D) <nav>
Pregunta 4: El Modelo de Caja
¿Cuál de los siguientes NO es parte del modelo de caja CSS?
A) Margen
B) Relleno (Padding)
C) Contenido
D) Color de fondo (Background-color)
Pregunta 5: Uso de <div> y <span>
¿Cuál es la principal diferencia entre un elemento <div> y un elemento <span>?
A) <div> se usa para imágenes, <span> para texto
B) <div> es un elemento de nivel de bloque, <span> es un elemento en línea
C) <div> admite estilos, <span> no
D) No hay diferencia
Pregunta 6: Diseño Responsivo
¿Qué propiedad de CSS se utiliza comúnmente para crear diseños que se adaptan a diferentes tamaños de pantalla?
A) display: adaptive;
B) @media
C) layout: responsive;
D) flex-wrap
Pregunta 7: Barra de Navegación
Para crear una barra de navegación que enlace a diferentes secciones del sitio web, ¿qué combinación de elementos HTML se utiliza comúnmente?
A) <nav> y <ul>
B) <header> y <footer>
C) <links> y <buttons>
D) <div> y <span>
Pregunta 8: Accesibilidad en el Desarrollo Web
Proporcionar texto alternativo para imágenes es importante para:
A) Mejorar la velocidad del sitio web
B) SEO
C) Usuarios que utilizan lectores de pantalla
D) Cambiar el tamaño de la imagen
Pregunta 9: Estilizar Listas
¿Cómo puedes eliminar los puntos de viñeta predeterminados de una lista desordenada?
A) list-style-type: none;
B) list-bullets: off;
C) bullet-style: no-bullets;
D) list-decoration: none;
Pregunta 10: Implementar Navegación Fija (Sticky Navigation)
¿Qué propiedad CSS hace que un elemento se pegue en la parte superior de la página al desplazarse?
A) position: fixed;
B) position: sticky;
C) overflow: scroll;
D) display: sticky;
Preguntas
¡Felicitaciones por completar la Parte II de tu viaje en el desarrollo web! Este cuestionario está diseñado para evaluar tu comprensión de los conceptos clave cubiertos en los capítulos sobre trabajo con texto y listas, agregando imágenes y enlaces, y estructurando páginas web. Tómate tu tiempo, reflexiona sobre lo que has aprendido y aprovecha esta oportunidad para consolidar tus conocimientos.
Pregunta 1: Listas HTML
¿Qué elemento HTML se utiliza para crear una lista desordenada?
A) <ul>
B) <ol>
C) <li>
D) <list>
Pregunta 2: El Elemento <img>
¿Qué atributo es obligatorio para un elemento <img>?
A) src
B) alt
C) href
D) title
Pregunta 3: Crear Hipervínculos
¿Qué elemento HTML se utiliza para definir un hipervínculo?
A) <link>
B) <a>
C) <href>
D) <nav>
Pregunta 4: El Modelo de Caja
¿Cuál de los siguientes NO es parte del modelo de caja CSS?
A) Margen
B) Relleno (Padding)
C) Contenido
D) Color de fondo (Background-color)
Pregunta 5: Uso de <div> y <span>
¿Cuál es la principal diferencia entre un elemento <div> y un elemento <span>?
A) <div> se usa para imágenes, <span> para texto
B) <div> es un elemento de nivel de bloque, <span> es un elemento en línea
C) <div> admite estilos, <span> no
D) No hay diferencia
Pregunta 6: Diseño Responsivo
¿Qué propiedad de CSS se utiliza comúnmente para crear diseños que se adaptan a diferentes tamaños de pantalla?
A) display: adaptive;
B) @media
C) layout: responsive;
D) flex-wrap
Pregunta 7: Barra de Navegación
Para crear una barra de navegación que enlace a diferentes secciones del sitio web, ¿qué combinación de elementos HTML se utiliza comúnmente?
A) <nav> y <ul>
B) <header> y <footer>
C) <links> y <buttons>
D) <div> y <span>
Pregunta 8: Accesibilidad en el Desarrollo Web
Proporcionar texto alternativo para imágenes es importante para:
A) Mejorar la velocidad del sitio web
B) SEO
C) Usuarios que utilizan lectores de pantalla
D) Cambiar el tamaño de la imagen
Pregunta 9: Estilizar Listas
¿Cómo puedes eliminar los puntos de viñeta predeterminados de una lista desordenada?
A) list-style-type: none;
B) list-bullets: off;
C) bullet-style: no-bullets;
D) list-decoration: none;
Pregunta 10: Implementar Navegación Fija (Sticky Navigation)
¿Qué propiedad CSS hace que un elemento se pegue en la parte superior de la página al desplazarse?
A) position: fixed;
B) position: sticky;
C) overflow: scroll;
D) display: sticky;