DAW tema 1.2
COMENTARIOS |
ESTADÍSTICAS |
RÉCORDS
|
Título del Test: DAW tema 1.2 Descripción: DAW tema 1.2 (2025) |
Nuevo Comentario| Comentarios |
|---|
NO HAY REGISTROS |
|
¿Qué significa CSS?. Creative Style Sheets. Cascading Style Sheets. Computer Style Sheets. ¿Qué versión de HTML es considerada un "Living Standard"?. HTML 4.01. XHTML 1.0. HTML5. ¿Qué instrucción identifica la versión de un documento HTML?. <html>. <!DOCTYPE>. <head>. ¿Cuál de estas etiquetas es semántica en HTML5?. <div>. <section>. <span>. ¿Cuál es la diferencia principal entre etiquetas de bloque y en línea?. Las de bloque no contienen otras etiquetas, las en línea sí. Las de bloque se apilan, las en línea van de izquierda a derecha. Las de bloque son para imágenes, las en línea para texto. ¿Qué técnica CSS crea diseños adaptativos para diferentes pantallas?. Fixed layout. Responsive design. Static design. ¿Cuál de estos NO es un framework CSS popular?. Bootstrap. jQuery. Tailwind. ¿Qué significa HTML?. HyperText Markup Language. High-Level Text Management. Hyperlink and Text Markup. Home Tool Markup Language. ¿Cuál es la etiqueta HTML utilizada para definir un encabezado de nivel 1?. <heading>. <h1/>. <head>. <h1>. ¿Qué hace CSS en el desarrollo web?. Define la estructura de la página. Controla el estilo y la presentación de la página. Añade interactividad a la página. Almacena datos del usuario. ¿Cuál es la forma correcta de enlazar una hoja de estilo CSS externa a un documento HTML?. <style src="styles.css"></style>. <link rel="stylesheet" href="styles.css">. <css-link href="styles.css">. <stylesheet>styles.css</stylesheet>. ¿Qué etiqueta HTML se utiliza para crear un párrafo?. <para>. <p>. <text>. <paragraph>. ¿Cuál es el propósito del atributo alt en la etiqueta <img>?. Especificar la alineación de la imagen. Proporcionar texto alternativo para la imagen. Definir el ancho de la imagen. Establecer el color de fondo de la imagen. ¿Qué propiedad CSS se utiliza para cambiar el color del texto de un elemento?. background-color. font-size. color. text-align. ¿Qué elemento HTML se utiliza para crear una lista desordenada?. <ol>. <li>. <ul>. <list>. ¿Cuál de las siguientes es una ventaja principal de HTML5?. Requiere plugins para reproducir video. Mayor soporte para multimedia y gráficos sin plugins. Es más lento que HTML4. Solo se puede usar con navegadores antiguos. ¿Qué propiedad CSS se usa para controlar el espaciado interno de un elemento?. margin. border. padding. spacing. ¿Qué tipo de selectores CSS tienen la mayor especificidad?. Selectores de tipo (ej. p). Selectores de clase (ej. .my-class). Selectores de ID (ej. #my-id). Selectores universales (ej. *). ¿Cuál es la diferencia fundamental entre un elemento de bloque y un elemento en línea en HTML?. Los elementos en línea siempre ocupan el ancho completo disponible. Los elementos de bloque comienzan en una nueva línea y ocupan el ancho completo disponible, mientras que los elementos en línea ocupan solo el espacio necesario y no inician una nueva línea. Los elementos de bloque solo pueden contener texto. Los elementos en línea no pueden tener estilos CSS. ¿Cómo se logra la responsividad en el diseño web utilizando CSS?. Únicamente mediante el uso de JavaScript. Ajustando manualmente el CSS para cada tamaño de pantalla específico. Utilizando media queries y unidades relativas (ej. em, rem, %, vw, vh). Evitando el uso de imágenes. ¿Cuál es la función principal de la etiqueta <meta charset="UTF-8"> en el encabezado de un documento HTML?. Definir el título de la página. Especificar el autor de la página. Indicar la codificación de caracteres del documento. Enlazar una hoja de estilo. ¿Cuál es la ventaja de utilizar un framework CSS como Bootstrap?. Requiere escribir todo el CSS desde cero. Proporciona componentes pre-estilizados y un sistema de cuadrícula para un desarrollo más rápido y consistente. Solo funciona con navegadores antiguos. Elimina la necesidad de HTML. ¿Qué propiedad CSS se utiliza para controlar el orden de los elementos flexibles en un contenedor Flexbox?. flex-direction. justify-content. align-items. order. ¿Cuál es la diferencia entre el modelo de caja box-sizing: content-box y box-sizing: border-box en CSS?. content-box incluye el padding y el border en el ancho y alto especificados, mientras que border-box no. border-box incluye el padding y el border en el ancho y alto especificados, mientras que content-box no. No hay diferencia, son lo mismo. box-sizing solo afecta al margen. ¿Qué etiqueta HTML se utiliza para incrustar contenido multimedia (video, audio) directamente sin necesidad de plugins en HTML5?. <object>. <embed>. <media>. <video> y <audio>. ¿Cuál es la función principal del atributo data-* en HTML5?. Para definir un estilo en línea. Para almacenar datos personalizados en elementos HTML que no están destinados a ser vistos. Para enlazar a un script JavaScript. Para especificar el tipo de documento. ¿Qué se consigue con la propiedad display: flex en CSS?. Convierte el elemento en un elemento en línea. Establece el elemento como un contenedor flex, habilitando un sistema de diseño flexible. Oculta el elemento de la vista. Cambia el color de fondo del elemento. Explica la diferencia entre rem y em como unidades de medida en CSS para tipografías y cómo su uso afecta la escalabilidad del diseño responsivo. rem es relativo al tamaño de fuente del elemento padre, mientras que em es relativo al tamaño de fuente del elemento raíz (<html>). em es relativo al tamaño de fuente del elemento padre, mientras que rem es relativo al tamaño de fuente del elemento raíz (<html>). Ambas son unidades absolutas y no afectan la escalabilidad. rem se usa para márgenes y em para rellenos. ¿Cómo se puede implementar la semántica en un documento HTML5 y por qué es importante para la accesibilidad y el SEO?. Utilizando etiquetas genéricas como <div> y <span> para todo. Utilizando etiquetas como <header>, <nav>, <main>, <article>, <section>, <footer> para dar significado estructural al contenido, lo que mejora la comprensión por parte de los motores de búsqueda y tecnologías de asistencia. Mediante el uso excesivo de estilos CSS. Ocultando contenido con JavaScript. Describe el concepto de "colapso de márgenes" en CSS y cómo se puede evitar. Es cuando los márgenes se superponen entre elementos hermanos o padre/hijo, y se puede evitar con overflow: hidden, padding, border o float. Es un error en el navegador que no se puede evitar. Ocurre solo con elementos en línea y se soluciona cambiando el display. No existe tal concepto en CSS. ¿Cuál es la función del atributo srcset en la etiqueta <img> en HTML5 y cómo contribuye a la responsividad de las imágenes?. Especifica la fuente de la imagen principal. Permite al navegador elegir la imagen más adecuada de un conjunto de imágenes para diferentes densidades de píxeles y tamaños de viewport. Define el texto alternativo de la imagen. Carga la imagen de forma asíncrona. ¿Cómo funciona el modelo de cascada de CSS para determinar qué reglas de estilo se aplican a un elemento, considerando la herencia, la especificidad y el orden de aparición?. La última regla declarada es siempre la que se aplica, sin importar la especificidad. Se aplican las reglas en orden alfabético. Las reglas se aplican en función de su importancia (importante, animaciones, etc.), origen (autor, usuario, navegador), especificidad (ID > clase > etiqueta), y orden de aparición. La herencia también juega un papel. Solo se aplica la regla con el selector más corto. ¿Cuál es la principal diferencia entre CSS Grid y Flexbox, y cuándo sería más apropiado usar uno u otro?. Flexbox es para diseños unidimensionales (fila o columna), mientras que CSS Grid es para diseños bidimensionales (filas y columnas simultáneamente). CSS Grid es más antiguo que Flexbox. Flexbox es solo para elementos en línea, mientras que Grid es para elementos de bloque. No hay diferencia, son intercambiables. Describe el concepto de "shadow DOM" y su relevancia en el desarrollo de componentes web con HTML y CSS. Es una técnica para ocultar elementos HTML. Permite crear un sub-árbol de DOM encapsulado y aislado del DOM principal, lo que facilita la creación de componentes reutilizables con estilos y scripts propios que no interfieren con el resto de la página. Es una forma de animar elementos. Se utiliza para cargar contenido de forma diferida. ¿Cuál es la finalidad de la propiedad position: sticky en CSS y cómo se diferencia de position: fixed y position: relative?. sticky hace que un elemento se fije en una posición específica de la ventana. sticky permite que un elemento se comporte como relative hasta que un umbral de desplazamiento se cumple, momento en el que se vuelve fixed dentro de su contenedor. fixed es fijo a la ventana y relative es relativo a su posición normal. sticky y fixed son lo mismo. sticky solo funciona en IE. ¿Cómo se puede optimizar la carga de recursos CSS para mejorar el rendimiento de una página web?. Colocando todos los estilos en línea en el HTML. Minificando y concatenando archivos CSS, utilizando @import para todas las hojas de estilo, y cargando CSS de forma asíncrona cuando sea posible. Utilizando CSS crítico (critical CSS) para los estilos de la primera vista y cargando el resto de forma diferida, minificando y comprimiendo los archivos, y evitando @import en hojas de estilo externas. No se puede optimizar la carga de CSS. Explica la importancia de la validación de un documento HTML (por ejemplo, con un validador W3C) y los beneficios de mantener un código HTML bien definido. La validación solo es importante para desarrolladores experimentados. La validación asegura que el documento cumple con los estándares, lo que mejora la compatibilidad entre navegadores, la accesibilidad, el SEO y facilita el mantenimiento. La validación solo es útil para encontrar errores de sintaxis. No hay beneficios en validar HTML. |
