NEW
Font size
WorksheetsUntitled Quiz
Total questions: 71
Worksheet time: 36mins
¿Qué es una etiqueta HTML?
Un marcador que define la estructura y el significado del contenido
Un archivo de imagen comprimido
Un estilo de letra para títulos
Un protocolo para transferir datos
¿Qué función tienen los comandos de encabezado h1, h2, h3...?
Establecen jerarquías de títulos y ayudan a la lectura
Insertan saltos de línea automáticos
Aplican cursiva al texto
Crean enlaces internos por defecto
¿Qué es una fuente tipográfica?
El diseño visual de un conjunto de caracteres
Un formato de imagen para la web
Un fragmento de código reutilizable
Una etiqueta de HTML para párrafos
¿Cuál es el principal formato de imagen en la web?
JPG y PNG
SVG únicamente
TIFF y BMP
RAW
¿Cuál es la etiqueta apropiada para un pie de foto?
¿Qué significa la etiqueta
?
Salto de línea
Separador de sección
Inicio de párrafo
Cierre de bloque de cita
¿Qué indica
- ?
Una lista ordenada
Una lista no ordenada
Un bloque de cita
Un contenedor de imágenes
¿Qué indica
- ?
Una lista no ordenada
Una lista ordenada
Un encabezado de nivel 1
Un enlace externo
¿Qué diferencia hay entre
y
?
es texto normal;
es una cita
crea listas;
crea encabezados
añade imágenes;
añade vídeos
es un enlace;
es un formulario
¿Qué significa “template” en diseño web?
Una estructura base reutilizable
Un archivo temporal que se borra al cerrar
Un estilo tipográfico predeterminado
Un script para animaciones
¿Qué significa que dos elementos están anidados?
Uno está dentro del otro
Ambos están en la misma línea
Comparten la misma clase
Se enlazan a la misma URL
¿Qué significa que un enlace está roto?
Apunta a una URL que no existe
No tiene texto alternativo
Conduce a una página lenta
No utiliza https
¿Puede enlazar a la misma página?
Sí, usando anclas
No, siempre redirige a otra página
Solo si es un enlace externo
Únicamente mediante JavaScript
¿Qué selecciona un selector con #id?
Un elemento único por su id
Todos los elementos del mismo tipo
Un conjunto de clases relacionadas
Los enlaces dentro de listas
¿Qué es un navegador web?
Programa que interpreta HTML/CSS/JS
Una biblioteca de iconos para la web
Un servidor que almacena páginas
Un compresor de archivos
¿Qué es un snippet?
Fragmento de código reutilizable
Un comentario en el CSS
Una etiqueta semántica
Un archivo de configuración
¿Qué significa que una página tiene poca usabilidad?
Que es difícil de usar o entender
Que tiene pocos colores
Que no está indexada en buscadores
Que carece de imágenes
¿Qué es una regla CSS?
Un selector con un bloque de propiedades
Una etiqueta HTML de estilo
Un archivo externo con fuentes
Un método de compresión
En h1 {color:red}, ¿cuál es la propiedad?
color
h1
red
selector
¿Cómo aplicar la misma regla a varios selectores?
Separándolos con comas
Repitiendo la regla en cada bloque
Usando un comentario compartido
Agrupándolos con llaves internas
¿Qué sucede si dos reglas entran en conflicto?
Gana la más específica o la última
Siempre gana la primera regla definida
Se ignoran ambas reglas
El navegador pregunta al usuario
¿Qué indica display:none frente a visibility:hidden?
none elimina el flujo; hidden lo oculta
Ambas eliminan el elemento del DOM
hidden muestra el elemento en gris
none solo afecta a imágenes
¿Qué propiedad pone texto en cursiva?
font-style: italic
text-decoration: underline
font-weight: bold
letter-spacing: narrow
¿Qué propiedad pone texto en versales (small caps)?
font-variant: small-caps
text-transform: uppercase
font-style: italic
font-weight: bold
¿Qué propiedad desplaza la primera línea de un párrafo?
text-indent
margin-left
padding-left
text-align
¿Qué propiedad controla el interlineado del texto?
line-height
letter-spacing
word-spacing
font-size
¿Qué efecto produce clear: both en un elemento?
Evita que el elemento quede junto a flotantes a ambos lados, forzándolo debajo
Centra el elemento horizontalmente
Quita el flotado del elemento
Coloca el elemento sobre los flotantes
¿Qué hace text-decoration: line-through en el texto?
Tacha el texto
Subraya el texto
Añade una línea superior
Elimina todas las decoraciones
¿Qué hace text-decoration: none en los enlaces?
Quita el subrayado de los enlaces
Añade subrayado a los enlaces
Convierte el texto en cursiva
Aplica tachado a los enlaces
¿Qué implica font-family: Arial, sans-serif en una regla CSS?
Usa Arial como preferente y, si no está disponible, cualquier fuente sans-serif
Obliga exclusivamente a usar Arial
Cambia el estilo de la fuente a cursiva
Selecciona una fuente serif si falla Arial
¿Para qué sirve list-style-image en listas?
Para cambiar el icono o viñeta de la lista por una imagen
Para numerar automáticamente los ítems
Para quitar las viñetas de la lista
Para ajustar el espaciado entre ítems
¿Cómo se pueden desactivar temporalmente reglas CSS en un archivo?
Comentándolas
Borrándolas definitivamente
Moviéndolas al final del archivo
Cambiando el selector a body
¿Cómo incluir CSS de forma apropiada en un sitio?
Vinculando una hoja de estilos externa
Usando style inline en cada elemento
Colocando todas las reglas dentro de cada página
Aplicando atributos HTML antiguos
¿Qué significa resetear CSS en un proyecto?
Eliminar o normalizar estilos por defecto del navegador
Quitar todas las clases del HTML
Volver a una versión anterior del archivo CSS
Desactivar el motor de renderizado
¿Qué color representa el código #000 en CSS?
Negro
Blanco
Rojo
Gris
¿Qué formatos de color permiten transparencia en CSS según la regla?
RGBA y HSLA
HEX y HSL
RGB y CMYK
Nombres de color predefinidos
¿Qué hace background-image en un elemento?
Aplica una imagen de fondo al elemento
Define el color de texto
Crea un borde alrededor del elemento
Controla la opacidad general
¿Con qué propiedad se controla la posición de una imagen de fondo?
background-position
background-size
background-clip
object-position
¿Qué efecto tiene la declaración background: rgba(255,255,255,0.8)?
Un fondo semitransparente de color blanco
Un texto con 80% de opacidad
Una sombra blanca alrededor
Una imagen de fondo clara sin transparencia
¿Se puede usar una imagen de fondo una sola vez en un elemento?
Sí, usando background-repeat: no-repeat
No, siempre se repite automáticamente
Solo con background-repeat: repeat-x
Requiere background-size: cover
¿A qué afecta la sintaxis padding: 4px 3px?
Arriba y abajo 4px; izquierda y derecha 3px
Arriba 4px; derecha 3px; abajo 4px; izquierda 3px
Solo al padding izquierdo y derecho
Únicamente al padding superior
¿Cómo delimitar el ancho de elementos en diseño fluido?
Con max-width
Con min-height
Con display: inline
Con float: left
¿Qué conviene hacer con textos demasiado anchos para mejorar la legibilidad?
Limitar el ancho del bloque de texto
Aumentar el tamaño de la fuente al máximo
Usar siempre columnas de ancho completo
Quitar los márgenes laterales
¿Cuál es la disposición por defecto de los elementos HTML?
Block o inline según el tipo de elemento
Todos son block por defecto
Todos son inline por defecto
Grid por defecto
¿Para qué sirven los espacios vacíos en diseño?
Para mejorar la claridad y la jerarquía visual
Para reducir el rendimiento del sitio
Para ocultar contenido innecesario
Para sustituir los estilos tipográficos
¿Por qué es útil dejar espacio entre botones en una interfaz?
Evita errores al pulsar y mejora el diseño
Permite colocar más texto en cada botón
Hace que todos los botones sean del mismo tamaño
Aumenta el tiempo de carga del sitio
¿Qué factor es clave al colocar imágenes en una página?
Coherencia con el contenido
Tamaño máximo siempre
Mayor cantidad posible de imágenes
Uso exclusivo de formatos vectoriales
¿Cómo crear barras de desplazamiento en un contenedor cuando el contenido excede su tamaño?
Usando overflow: hidden
Usando overflow: auto/scroll
Usando display: block
Usando position: fixed
¿Cómo superponer capas en CSS para controlar qué elemento queda por encima?
Con flexbox y order
Con position y z-index
Con float y clear
Con display: grid
¿Se puede aplicar :hover a un elemento div?
Sí
No
Solo si tiene tabindex
Solo si es position: relative
¿Qué precaución debe tomarse con enlaces que tienen el mismo texto visible?
Usar el mismo destino siempre
Diferenciarlos para accesibilidad
Quitar el subrayado
Aumentar el tamaño de fuente
¿Cuándo conviene evitar el efecto rollover de texto en enlaces?
Cuando mejora la legibilidad
Cuando dificulta la lectura
Cuando se usa en menús
Cuando el enlace está en un footer
¿Se puede cambiar el color del subrayado de un enlace mediante CSS?
No, el color del subrayado es fijo
Sí, con text-decoration-color
Sí, con color en el elemento padre
Solo en navegadores móviles
¿Cómo deben ser los textos en una interfaz para buena usabilidad?
Extensos y técnicos
Breves y claros
Con muchas metáforas
Muy formales y complejos
¿Cómo debería ser una URL bien formada para el usuario?
Larga y con parámetros complejos
Corta y sin caracteres raros
Codificada en Base64
Con espacios y acentos
¿Cómo reutilizar una plantilla web sin mezclar responsabilidades?
Copiando todo el HTML en cada página
Separando HTML, CSS y JS
Usando solo inline styles
Insertando scripts en el atributo style
¿Cómo conviene ordenar las reglas CSS en un proyecto?
Alfabéticamente por selector
Por secciones o bloques
Por fecha de creación
Sin ningún criterio
¿Cómo validar una página para comprobar su conformidad con estándares?
Con un editor de texto
Con el validador W3C
Con el inspector de red
Con una captura de pantalla
¿Cuál es una ventaja principal de utilizar clases en CSS?
Evitan el uso de IDs
Permiten reutilización de estilos
Aumentan el peso del archivo CSS
Obligan a usar !important
¿Cuál es una desventaja de una página que no ha sido validada?
Mejor rendimiento
Comportamiento inconsistente
Mayor accesibilidad
Menor tamaño de archivos
¿Qué es el W3C en el contexto de la web?
Una empresa de hosting
Un organismo de estándares web
Un navegador experimental
Un lenguaje de programación
¿Qué ruta relativa describe ../imagenes/orejas.jpg?
Mantenerse en la misma carpeta y abrir imagenes/orejas.jpg
Bajar un nivel y entrar en imagenes/orejas.jpg
Subir un nivel y entrar en la carpeta imagenes para abrir orejas.jpg
Ir a la raíz absoluta del servidor
¿Por qué es recomendable indicar ancho y alto de las imágenes en HTML/CSS?
Para mejorar el SEO
Para evitar saltos de maquetación
Para cambiar el formato del archivo
Para ocultar imágenes en móviles
¿Qué imágenes conviene evitar como enlace?
Imágenes con texto incrustado o poco legibles
Iconos accesibles con aria-label
Logotipos con buen contraste
Gráficos vectoriales claros
¿Qué significa que el formato JPG "tiene pérdida"?
Que aumenta el tamaño del archivo
Que descarta información para comprimir
Que no es compatible con navegadores modernos
Que usa transparencia por defecto
¿Qué atributo HTML marca un campo de formulario como obligatorio?
required
mandatory
needed
obligatory
¿Cuál es la diferencia entre los elementos article y section en HTML?
article organiza; section es independiente
article es independiente; section organiza
Ambos son sinónimos
Ninguno puede contener encabezados
¿Es recomendable ofrecer una versión solo texto de la página en lugar de mejorar la accesibilidad?
Sí, siempre
No; es mejor accesibilidad real
Solo en intranets
Solo para SEO
¿Se pueden añadir fuentes al sitio desde el servidor propio?
No, solo desde CDNs
Sí, con @font-face
Solo si se usa SVG
Solo con JavaScript
