HTML / JS / CSS

¿Qué utilizan como referencia los elementos posicionados como "fixed"?. La ventana del navegador. La posición original de dicho elemento. z-index. Su primer ancestro posicionado como relativo.

¿A qué elemento(s) afecta el siguiente selector? div .div. a todo elemento con la clase "div" que se encuentre dentro de un elemento de tipo div. a todos los elementos div con la clase "div". a todos los elementos div que se encuentren dentro de otro elemento div. a todos los elementos div que se encuentren dentro de un elemento con la clase "div".

En JS, para convertir un string con formato JSON en un objeto o array de objetos usamos: JSON.parse. jsonDecode. readJSON.

¿Qué valor de la propiedad position nos permite posicionar un elemento con respecto a la ventana del navegador?. absolute. fixed. viewport. static.

Dado el siguiente código: <span style="display: block">Hola, soy el duende de javascript</span>. El elemento span ocupa el 100% del ancho de su elemento contenedor. El elemento span ocupa lo que ocupa el texto. No funciona porque span es un elemento de tipo inline. Funciona sólamente si el elemento span es hijo de un elemento div.

¿Cuál es el resultado de la siguiente operación? 3 + "8" + 8. "388". "19". "118".

Para centrar los elementos en el cross axis de flex utilizamos: center-flex. justify-content. align-items. align-content.

¿A qué elemento(s) afecta el siguiente selector? .div. a todos los elementos "div". a todos los elementos "div" que tengan la clase "div". a todos los elementos con la clase "div".

¿Qué hace flex-direction en flex?. Determina la alineación en el eje contrario (cross-axis). Determina la dirección del eje principal (main axis). Determina la alineación o distribución de los elementos en el eje principal (main-axis). Determina la alineación y distribución el eje contrario (cross-axis).

¿Cuál es el resultado de la siguiente operación? 3 + 8 + "8". 19. "388". "118".

Para seleccionar los elementos con la clase "prueba" utilizamos: prueba. .prueba. {.prueba}.

¿Qué utilizan como referencia los elementos posicionados como "relative"?. Su primer ancestro posicionado como relativo. La posición original de dicho elemento. La ventana del navegador. z-index.

Para crear un elemento de tipo: p, desde JS usamos: document.createElement(p). document.setParagraph(). document.createElement("p").

Para rotar un elemento 15 grados hacia la izquierda utilizamos: rotate: 15deg. transform: rotate(-15deg). transform: rotate(-15).

¿Qué función tiene el atributo "src"?. Permite establecer la ruta de un fichero .svg dentro de una etiqueta <img>. Permite establecer la ruta de un fichero externo .js dentro de una etiqueta <script>. Todas las otras respuestas son correctas. Permite establecer la ruta de un fichero .jpg dentro de una etiqueta <img>.

¿Qué propiedad determina el espacio entre elementos?. outer-spacing. margin. inner-spacing. padding.

¿A qué elemento(s) afecta el siguiente selector? p.p. a todos los párrafos. a todos los elementos con la clase "p". a los párrafos con la clase "p". a los elementos con la clase "p" que se encuentren dentro de un párrafo.

¿Qué hace justify-content en flex?. Determina la alineación en el eje contrario (cross-axis). Determina la dirección del eje principal (main axis). Determina la alineación o distribución de los elementos en el eje principal (main-axis). Determina la alineación y distribución el eje contrario (cross-axis).

¿Qué propiedad nos permite crear un degradado lineal como fondo?. background-gradient. background-image. lin-gradient. gradient.

¿Cuál es el resultado de la siguiente operación? "3" + 8 + 8. "19". "388". 118.

El orden correcto de la propiedad border es: width style color. color radius style width. radius style color width. color width style.

¿A qué elemento(s) afecta el siguiente selector? p .p. a los elementos con la clase "p" que se encuentren dentro de un párrafo. a todos los párrafos. a todos los elementos con la clase "p". a los párrafos con la clase "p".

¿Qué atributo utilizamos para que una celda de una tabla ocupe más de una fila?. rows. num-rows. rowspan.

La forma por defecto de radial-gradient es: auto. circle. ellipse.

¿Qué hace align-content en flex?. Determina la alineación en el eje contrario (cross-axis). Determina la alineación o distribución de los elementos en el eje principal (main-axis). Determina la alineación y distribución el eje contrario (cross-axis). Determina la alineación y distribución el eje contrario (cross-axis), si flex-wrap: wrap.

¿Cuáles son los valores posibles para flex-direction?. row,column,reverse. row,column. row,row-reverse,column,column-reverse.

Asumiendo que flex-direction tiene como valor "row", ¿Cómo alineamos a la derecha?. align-content: flex-end. justify-content: flex-end. justify-content: right. flex-align: right.

Las siguientes palabras clave permiten crear variables en JS. let, var. let, var, const. let, variable. var, lets, const.

En JS, para convertir un objeto o array de objetos en un string con formato JSON usamos: jsonEncode. writeJSON. JSON.stringify.

¿Qué hace la propiedad flex-grow:1 en todos los hijos de un contenedor con display: flex?. Establece que los hijos no se expandan y se ajusten al contenido. Establece que los hijos que excedan el tamaño del contenedor no se muestren. Establece que los hijos se expandan hasta que ocupen el 100% del contenedor. No funciona si los hijos no tienen la propiedad display: flex;.

Una de las siguientes afirmaciones es incorrecta, ¿cuál?. padding: 8%. width: calc(100%-20px). width: calc(100% - 20px). transform: rotate(20deg) translate(10px).

¿Qué utilizan como referencia los elementos posicionados como "absolute"?. La posición original de dicho elemento. La ventana del navegador. z-index. Su primer ancestro posicionado como relativo.

¿Qué atributo utilizamos para que una celda de una tabla ocupe más de una columna?. cols. num-columns. colspan.

¿Qué propiedad determina el espacio desde el borde hacia adentro en un elemento?. margin. outer-spacing. inner-spacing. padding.

¿Qué valor de la propiedad position nos permite posicionar un elemento con respecto a su primer ancestro relativo?. absolute. fixed. relative. static.

¿Qué valor de la propiedad position NO permite usar la propiedad z-index?. absolute. relative. fixed. static.

¿Qué propiedad permite definir el espacio entre columnas en un grid?. grid-spacing. column-gap. border-spacing. padding.

Queremos cambiar el color de fondo de un elemento a "blue"; ¿Cuál de las siguientes NO funcionará?. elemento.style.backgroundColor = "blue". elemento.backgroundColor = "blue". elemento.setAttribute("style","background-color:blue;").

Una de las siguientes es correcta: border: 3px doubled red. border: 3px sold red. border: 3px dots red. border: 3px double red.

Para añadir la clase "margen" a un elemento usamos: elemento.addClass("margen"). elemento.classList.add("margen"). elemento.class("margen"). elemento.classList.add(".margen").

¿Qué propiedad determina las dimensiones de una imagen de fondo?. full-width. bg-size. background-sizing. background-size.

Son propiedades válidas para el fondo de un elemento. background-flirt, background-first. background-image, background-attachment, background-repeat. background-position, background-to-fixed. background-repeat, linear-back.

Para eliminar la clase "margen" a un elemento usamos: elemento.classList.remove("margen"). elemento.class("margen",false). elemento.removeClass("margen"). elemento.classList.remove(".margen").

El valor por defecto de align-items en flex es: flex-start. auto. center. stretch.

Las siguientes unidades, son válidas en CSS: %, p, div. vw, vh, %. vh, pp, pix. px, dec, %.

El valor por defecto de justify-content en flex es: self. stretch. left. flex-start.

Para crear un elemento de tipo: div, desde JS usamos: document.createDiv(). document.createElement("div"). document.createElement(div).

¿Cuál de estas etiquetas es válida?. heading. seccion. articles. header.

¿Qué propiedad permite definir el espacio entre filas en un grid?. grid-spacing. border-spacing. row-gap. padding.

¿Qué hace align-items en flex?. Determina la alineación en el eje contrario (cross-axis). Determina la alineación y distribución el eje contrario (cross-axis). Determina la alineación o distribución de los elementos en el eje contrario (main-axis). Determina la alineación del eje principal (main axis).

Si tengo un String con formato JSON y quiero convertirlo a un objeto Javascript, ¿Qué debo usar?. JSON.convert. JSON.newParse. JSON.stringify. JSON.newStringify. JSON.parse.

¿Cómo podemos rotar una etiqueta usando una propiedad estándar?. rotate: 15deg. transform: rotate(15deg). transform: rotate 15deg. transform: rotate(15%). rotate: 15%.

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

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

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

¿Cuál es la función principal del atributo "target" en un enlace <a>?. Permite establecer el tamaño de destino del enlace. Define la dirección URL de destino del enlace. Especifica si el enlace se abre en otra pestaña o ventana. Controla el estilo visual del enlace.

¿Qué propiedad usamos para sólo dar color de fondo a una etiqueta?. background-color. background. background-colour. bg-color.

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

¿Qué valor tendrá la constante valor? const valor = [1,2,3,4].forEach( x => x + 1 ). undefined. [1,2,3,4]. [NaN,NaN,NaN,NaN]. [2,3,4,5].

¿Cuándo se añade el atributo loading="lazy" a nivel técnico?. Cuando quiero una imagen no cargue de forma "vaga" al hacer scroll. Cuando quiero que una imagen no se cargue si no aparece en la pantalla. Cuando quiero que una imagen no se vea. Cuando quiero que una imagen aparezca cuando hago scroll.

A falta de configuración del objeto options, ¿Qué método usa por defecto fetch?. Get. Post. Put. Delete.

¿Qué propiedad usamos para separar etiquetas item dentro de una <contenedora /> con display grid?. margin. gap. space-between. grid-gap.

¿Cuál NO es un atributo válido para un <textarea>?. required. placeholder. readonly. max.

La propiedad z-index funciona en elementos posicionados de manera fija. Falso. Verdadero.

¿Qué propiedad CSS se utiliza para especificar si el texto debe mostrarse en negrita o no?. font-weight. font-style. font-size. Ninguna de las anteriores. text-size.

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

¿Para qué se utiliza la propiedad CSS object-fit al aplicarlo a etiqueta imagen o video?. Para hacer que una <img/> o un <video> ocupe el 100% del contenedor. Para modificar el tamaño de una imagen o un vídeo dentro de una <img> o una etiqueta <video>. Para hacer que ocupe toda la </>. Ninguna de las anteriores.

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

¿Cómo se define un Callback en JavaScript?. Una función que es el argumento del argumento de otra función. Una función que es el parámetro del argumento de otra función. Una función que es parámetro del argumento de una función externa y ejecutamos fuera. Una función que ejecutamos dentro de otra. Una función que es el argumento del parámetro de una función externa y ejecutamos dentro esa función externa.

¿Qué metodología es esta?. Ninguna. BEM. SUITCSS. SCSS.

¿Para qué sirve el atributo alt en una imagen?. Muestra de forma alterna la url de otra imagen cuando la primera no se carga. Ninguna de las anteriores. Especifica un texto alternativo para una imagen que no puede mostrarse. Es un texto informativo sobre la imagen que no es visible para el usuario. Escribe un texto encima de la imagen para indicar su título.

¿Cuándo se pone un position absolute en una etiqueta?. Cuando está dentro de una <etiqueta/> contenedora que es 'relative'. Cuando quiero centrarla a los bordes de la <contenedora/> o superponerla a las adyancentes. Cuando quiero superponerla a sus <contenedoras/> y fijarla en la ventana. Ninguna de las anteriores.

¿Qué atributo me permite hacer que una etiqueta option dentro de un select esté seleccionada por defecto?. autofocus. selected. disabled. Ninguna de las anteriores. require.

¿Para qué sirve la etiqueta <base> que va dentro del <head> de una página web?. Se utiliza para integrar contenido multimedia como imágenes o vídeos de manera base en una página web. Sirve para definir el estilo base que todas las demás etiquetas HTML heredarán. Se utiliza para especificar una URL para todos los href o src de una web. Se utiliza para establecer el lenguaje principal de la página web.

¿Qué devuelve el método .json() de un Response?. Devuelve un await. Devuelve una promesa. Devuelve un request (req). Devuelve respuesta (res). No tiene ese método.

La propiedad bottom no funciona en elementos posicionados de manera absoluta. Verdadero. Falso.

¿Cuál es la etiqueta ideal para aceptar los términos y condiciones?. input[type=text]. input[type=checkbox]. textarea. input[type=number]. Ninguna de las anteriores. input[type=email]. select + option.

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

Suponiendo que no uso Javascript.¿Cuáles son siempre los atributos obligatorios de un <form/> que no tiene input[type="file"]?. action , method. action, enctype. action, required. action, enctype, method. <html></html>.

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

¿Qué flujo (flow) tiene una etiqueta con position:static?. Normal (Normal flow). Impuesto (Removed flow).

La propiedad top no funciona en elementos posicionados de manera sticky. Verdadero. Falso.

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

¿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.

¿Para qué sirve el atributo defer?. Para descargar el HTML y después Javascript. Para descargar Javascript al mismo tiempo que HTML y ejecutarlo al terminar la carga de HTML. Para descargar Javascript al mismo tiempo que HTML y ejecutarlo asíncronamente con HTML. Para descargar Javascript al mismo tiempo que HTML y ejecutarlo al mismo tiempo que HTML.

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

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

¿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.

¿Qué formatos son mejores para imágenes con millones de colores y transparencia?. JPG. PNG. SVG. GIF.

¿Cómo podemos enviar un correo mediante un enlace y que tenga configurado el campo asunto?. <a mailto="elcorreo@mail.com?subject=Asunto"></a>. <a href="mailto:elcorreo@mail.com?subject=Asunto"></a>. No se puede. <a href="mailto:elcorreo@mail.com&subject=Asunto"></a>.

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

A nivel técnico: ¿Cuándo se usa una etiqueta <section>?. 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 agrupar etiquetas semánticas como el párrafo o <bold>. Para definir una parte de la web autocontenido e independiente.

¿Cuál es el selector CSS que NO selecciona el <li> número 3 ?. li:nth-child(3). ul>:nth-child(3). li:nth-of-child(3). li:nth-of-type(3).

¿Cuál es el valor por defecto de justify-content?. space-evently. flex-center. flex-end. flex-start. stretch. space-around. space-between.

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

Voy a crear una etiqueta <p> de HTML desde Javascript, ¿Qué usamos?. document.createElement("p"). document.createElement(p). document.createNode(p). document.createP(). document.createNode("p").

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

¿Qué hace el atributo poster en la etiqueta <video>?. Especifica una imagen que se muestra hasta que se reproduzca el video. Especifica una imagen que se muestra mientras se descarga el video. Especifica una imagen que se muestra cuando pausamos el vídeo. Especifica una imagen que solo se muestra si hay un problema con el video.

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

¿Cómo podemos trasladar una etiqueta usando una propiedad estándar?. translate : 50%. transform: translate(50%). transform: translate 50%. translate : (50%).