Diseño web

A nivel técnico: ¿Cuándo se usa una etiqueta <section>?. Para definir una parte de la web autocontenido e independiente. Para agrupar etiquetas semánticas como el párrafo o <bold>. Para agrupar elementos de navegación en la parte superior de una página web. Para definir una sección temática o de contenido relacionado en una página web.

¿Para qué sirve la propiedad grid-template-columns?. Define el número de columnas y su ancho en display grid. Define el número de columnas y su alto en display flex. Define el número de filas y su ancho en display grid. Define el número de filas y su alto en display flex.

Cuando flex-direction tiene el valor row, ¿en qué posición se colocan visualmente los elementos dentro del contenedor flex cuando justify-content está establecido en end?. Centro Horizontal. Arriba. Abajo. Izquierda. Centro Vertical. Derecha.

¿Qué etiqueta link está bien escrita?. <link rel="stylesheet" href="/assets|de|mi|web/styles.css">. <link rel="stylesheet" href="/assets de mi web/styles.css">. <link rel="css" href="assets de mi webstyles.css">. <link rel="stylesheet" href="/assets%20de%20mi%20%20/styles.css">.

Si flex-direction tiene el valor column: ¿hacia qué eje afecta la propiedad para justify-content?. Cross Axis (Eje secundario). Main Axis (Eje principal).

¿Cuál es el orden de los valores en la propiedad shorthand margin: 10px 10px?. top, right , bottom , left. top, right+left , bottom. top+bottom, right+left. top+left, right+bottom. Todas: top + right + bottom + left.

Dado un elemento <ul> con varios elementos <li> anidados, ¿cuál es la forma más directa y precisa de seleccionar el segundo <li>?. ul > li:nth-child(2). ul li>:nth-child(2). ul li::nth-child(2). ul::nth-child(2).

Como norma general, ¿es un string un valor Truthy o Falsy en un contexto booleano como por ejemplo un if?. Falsy. Truthy.

En HTML5, ¿qué etiquetas o etiqueta incrusta una página web dentro de una página web?. <frame>. <iframe>. <iframes>, <frames> y <frameset>. <frame> y <frameset>.

Si la propiedad grid-template-columns tiene este valor: repeat(2,10vw) 1fr 1fr 50px repeat(3,1fr) ¿Cuál es el ancho de la sexta columna?. 10vw. 50px. 1fr. Esa columna no existe.

¿Cuál es el valor por defecto de flex-direction?. row-reverse. column-reverse. column. row.

¿Para qué sirve la propiedad headers del objeto options del fetch?. Para enviar información adicional como que el tipo de contenido es json. Para definir la verificación del servidor de la petición. Para enviar los datos de la petición. Para especificar el método HTTP utilizado en la solicitud, como GET, POST o DELETE.

¿Cuántas columnas genera este valor de grid-template-columns? repeat(2,10vw) 1fr 1fr 50px repeat(3,1fr). 8. 7. 6. 4.

¿Qué es un ol > li?. Es una lista desordenada. Es una lista la compra. Es una lista de definiciones. Es una lista ordenada.

¿Para qué sirve el atributo title en una imagen?. Muestra de forma alterna la url de otra imagen cuando la primera no se carga. Añade un pie de foto a la imagen. Añade un texto superpuesto a la imagen. Es un texto informativo sobre la imagen que sólo es visible si se hace hover.

Si flex-direction tiene el valor row-reverse: ¿hacia qué eje afecta la propiedad para align-content?. Cross Axis (Eje secundario). Main Axis (Eje principal).

¿Qué propiedad CSS se utiliza para ajustar el espaciado entre letras en un texto?. line-height. letter-spacing. white-space. Ninguna de las anteriores. word-spacing.

¿Qué etiqueta es compatible con loading=lazy?. Audio. Video. Etiquetas svg. Imágenes.

¿Qué devuelve esta operación? [1,2,3,4].filter( x => x > 2 ). undefined. [3,4]. [1,2]. [2,4].

¿Cuál es el resultado de false && 'hola' ?. 'hola'. NaN. hola is not defined. true. false.

¿Cuál es la función principal del atributo "placeholder" en un campo de entrada <input>?. Define una imagen de fondo para el campo de entrada. Proporciona una descripción o pista en el campo antes de que se ingrese texto. Establece el tamaño del campo de entrada. Controla la validación de los datos ingresados en el campo.

¿Qué devuelve/retorna un querySelectorAll?. Una lista de Nodos. Una etiqueta HTML o null. Null. Nodo HTML.

¿Cuál es el punto de referencia (top, left, right y bottom) de un elemento con position:fixed?. borde contenedora si es relative. no tiene referencia. borde de la ventana. borde de la etiqueta contenedora siempre. su propio borde. borde de la etiqueta contenedora.

¿Qué atributo me permite reproducir un vídeo en segundo plano en móvil?. muted. playsinline. controls. autoplay.

¿Cómo podemos hacer un ancla en HTML si tenemos un <div id="cuadrado">?. <a>#cuadrado</a>. <a href="cuadrado"></a>. <a href="#cuadrado"></a>. <a href="id#cuadrado"></a>.

¿Qué display tiene por defecto una etiqueta <li>?. block. inline. Ninguna de las anteriores. inline-block.

¿Cómo se escribe un comentario en HTML?. <!-- Esto es un comentario -->. <! Esto es un comentario ->. /* Esto es un comentario */. //Esto es un comentario.

Si tenemos una propiedad margin con estos valores: margin: 10px 2vw 3rem 5vh, ¿Qué valor tiene margin-bottom?. 10px. 2vw. 3rem. 5vh.

¿Entre qué etiquetas debe añadirse la meta-información como links, scripts de una web?. <head></head>. <html></html>. <body></body>. Ninguna de las anteriores. <main></main>.

¿Cuál es la diferencia entre un div y un span?. <div>se usa para divisiones principales en una página, mientras que <span>se usa para abarcar columnas. <div>se usa cuando se necesita una etiqueta genérica a nivel de bloque, mientras que <span>se usa cuando se necesita una etiqueta genérica en línea. <div>se usa cuando se necesita una etiqueta genérica en línea, mientras que <span>se usa cuando se necesita una etiqueta genérica a nivel de bloque. <div>es la etiqueta predeterminada estándar de la industria, pero puede usarla <span>si lo prefiere.

A nivel técnico: ¿Cuándo se usa una etiqueta <div>?. Cuando quiero agrupar sólo etiquetas semánticas. Cuando quiero agrupar elementos sin dar importancia semántica. Cuando quiero agrupar section y article. Cuando quiero agrupar div.

Si flex-direction tiene el valor column-reverse: ¿hacia qué eje afecta la propiedad para align-content?. Main Axis (Eje principal). Cross Axis (Eje secundario).

¿Cuál de las siguientes etiquetas se utiliza para enfatizar un texto en negrita con semántica en HTML?. <em>. <bold>. <strong>. <i>.

¿De dónde toma la referencia la medida rem?. Del font-size del html / :root. Ninguna de las anteriores. Del font-size más cercano (sí misma / contenedora). Del font-size del body.

¿Cómo se llama a esta función? (()=>{ })(). Función Yield. Función Generadora. Función IIFE (Self-invoking). Función anónima.

Cuando seleccionamos a una o varias etiqueta/s mediante clases, ¿Qué podemos usar para seleccionarla?. document.getElementById. document.getElementsByTagName. document.queryClass. document.getElementsByClassName.

Si queremos cambiar el background-color al color "azul" de una etiqueta mediante Javascript, ¿Qué código usamos?. etiqueta.style.backgroundColor = "blue". etiqueta.backgroundColor = "blue". etiqueta.setAtribute("style","background-color:blue;").

¿Cuál de los siguientes encabezamientos mostrará un texto de mayor tamaño por defecto?. <h1>. <h3>. <p>. <h0>. Ninguna de las anteriores.

¿Qué tipo de medida es em (unidad de fuente)?. Medida fraccional. Medida absoluta. Medida decimal. Medida relativa.

¿Qué función tiene el atributo "alt"?. Todas las otras respuestas son correctas. Es el texto alternativo de una imagen. Es un texto que ayuda al posicionamiento de una imagen. Permite a nivel de accesibilidad leer a un navegador la imagen para una persona con discapacidad visual.

Para que un enlace se abra en una nueva ventana o pestaña, ¿ qué valor usamos en el atributo target?. _self. _new. _blank. _parent.

¿Qué tipo de medida es vh (viewport height)?. Medida absoluta. Medida decimal. Medida relativa. Medida fraccional.

¿Es el número 0 un valor Truthy o Falsy en un contexto booleano como por ejemplo un if?. Truthy. Falsy.

En esta propiedad: grid: auto-flow 100px / 200px 200px. ¿Cuántas columnas tiene la rejilla?. 3. 4. 1. 2.

¿Qué afirmación es falsa?. Los display inline se pueden anidar dentro de elementos display block. Los elementos de bloque se pueden anidar dentro de elementos en línea. Los elementos de bloque se pueden anidar dentro de elementos de bloque. Los elementos en línea se pueden anidar dentro de párrafos.

¿Qué selector en CSS se utilizaría para aplicar estilos a todos los elementos que tengan la clase "btn" y estén dentro de un elemento con el ID "container"?. #container .btn. #container > #btn. .btn > #container. .btn #container.

Si queremos eliminar una clase "isActive" a una etiqueta mediante Javascript, ¿Qué código usamos?. etiqueta.classList.remove(".isActive"). etiqueta.remove("isActive"). etiqueta.classList.remove("isActive"). etiqueta.removeClass("isActive").

¿Cuál de las siguientes etiquetas se utiliza para enfatizar un texto en itálica con semántica en HTML?. <bold>. <i>. <strong>. <em>.

¿Cuáles son los mejores ejemplos de etiquetas que permiten añadir contenido entre su cierre y apertura?. <video> , <meta> , <hr>. <video> , <i> , <hr>. <div> , <section> , <span>. <div> , <br> , <img>.

¿Cuál es la etiqueta para ejecutar el envío de los datos de un formulario?. input[type=form]. input[type=checkbox]. input[type=submit]. input[type=text].