Examen del módulo Diseño Web con HTML5, CSS3 y JavaScript
COMENTARIOS |
ESTADÍSTICAS |
RÉCORDS
|
Título del Test: Examen del módulo Diseño Web con HTML5, CSS3 y JavaScript Descripción: examen Fecha de Creación: 2024/04/18 Categoría: Otros Número Preguntas: 50
|
Nuevo Comentario| Comentarios |
|---|
NO HAY REGISTROS |
|
¿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. ¿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. Si tengo un String con formato JSON y quiero convertirlo a un objeto Javascript, ¿Qué debo usar?. JSON.newStringify. JSON.convert. JSON.newParse. JSON.stringify. JSON.parse. Entre qué etiquetas debe añadirse la meta-información como links, scripts de una web?. Ninguna de las anteriores. <head></head>. <html></html>. <main></main>. <body></body>. ¿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. 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. Arriba. Abajo. Centro Horizontal. Izquierda. Derecha. Si flex-direction tiene el valor column-reverse: ¿hacia qué eje afecta la propiedad para justify-content?. Main Axis (Eje principal). Cross Axis (Eje secundario). ¿Qué propiedad usamos para separar etiquetas item dentro de una <contenedora /> con display grid?. grid-gap. margin. space-between. gap. ¿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. ¿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 vea. Cuando quiero que una imagen aparezca cuando hago scroll. Cuando quiero que una imagen no se cargue si no aparece en la pantalla. ¿Cómo se define un Callback en JavaScript?. Una función que ejecutamos dentro de otra. Una función que es parámetro del argumento de una función externa y ejecutamos fuera. Una función que es el argumento del parámetro de una función externa y ejecutamos dentro esa función externa. Una función que es el parámetro del argumento de otra función. Una función que es el argumento del argumento de otra función. Qué es un ol > li?. Es una lista ordenada. Es una lista desordenada. Es una lista la compra. Es una lista de definciones. ¿Qué atributo me permite hacer que una etiqueta option dentro de un select esté seleccionada por defecto?. require. autofocus. disabled. Ninguna de las anteriores. selected. ¿Cuál NO es un atributo válido para un <textarea>?. laceholder. readonly. max. required. ¿Cuál es el valor por defecto de justify-content?. stretch. space-around. flex-center. flex-end. space-between. space-evently. flex-start. Voy a crear una etiqueta <p> de HTML desde Javascript, ¿Qué usamos?. document.createNode("p"). document.createP(). document.createNode(p). document.createElement("p"). document.createElement(p). ¿Qué metodología es esta?. Ninguna. BEM. SUITCSS. SCSS. ¿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á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é flujo (flow) tiene una etiqueta con position:static?. Normal (Normal flow). Impuesto (Removed flow). ¿Cuál es la etiqueta ideal para aceptar los términos y condiciones?. input[type=checkbox]. input[type=email]. textarea. Ninguna de las anteriores. select + option. input[type=text]. input[type=number]. ¿Qué etiqueta link está bien escrita?. <link rel="css" href="assets de mi webstyles.css">. <link rel="stylesheet" href="/assets%20de%20mi%20%20/styles.css">. <link rel="stylesheet" href="/assets de mi web/styles.css">. <link rel="stylesheet" href="/assets|de|mi|web/styles.css">. ¿Para qué sirve el atributo alt en una imagen?. Es un texto informativo sobre la imagen que no es visible para el usuario. Muestra de forma alterna la url de otra imagen cuando la primera no se carga. Especifica un texto alternativo para una imagen que no puede mostrarse. Escribe un texto encima de la imagen para indicar su título. Ninguna de las anteriores. Para qué sirve el atributo defer?. Para descargar Javascript al mismo tiempo que HTML y ejecutarlo asíncronamente con HTML. 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 al mismo tiempo que HTML. ¿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. 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("styles","background-color:blue;"). ¿Qué display tiene por defecto una etiqueta <img>?. Ninguna de las anteriores. inline. inline-block. block. La propiedad bottom no funciona en elementos posicionados de manera absoluta. verdadero. falso. ¿Qué valor tendrá la constante valor? const valor = [1,2,3,4].forEach( x => x + 1 ). undefined. [1,2,3,4]. [2,3,4,5]. [NaN,NaN,NaN,NaN]. ¿Qué devuelve el método .json() de un Response?. Devuelve un await. Devuelve un request (req). No tiene ese método. Devuelve una promesa. Devuelve respuesta (res). ¿Qué propiedad CSS se utiliza para especificar si el texto debe mostrarse en negrita o no?. font-size. Ninguna de las anteriores. text-size. font-style. font-weight. ¿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. 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. Sirve para definir el estilo base que todas las demás etiquetas HTML heredarán. Si flex-direction tiene el valor row: ¿hacia qué eje afecta la propiedad para align-items?. Cross Axis (Eje secundario). Main Axis (Eje principal). 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. ¿Cómo podemos enviar un correo mediante un enlace y que tenga configurado el campo asunto?. <a mailto="elcorreo@mail.com?subject=Asunto"></a>. No se puede. <a href="mailto:elcorreo@mail.com&subject=Asunto"></a>. <a href="mailto:elcorreo@mail.com?subject=Asunto"></a>. ¿Cuáles son los mejores ejemplos de etiquetas vacías (que no permiten añadir contenido entre su cierre y apertura)?. <video> , <meta> , <hr>. <div> , <br> , <img>. <video> , <i> , <hr>. <meta> , <img> , <br>. La propiedad top no funciona en elementos posicionados de manera sticky. verdadero. falso. ¿Qué hace el atributo poster en la etiqueta <video>?. Especifica una imagen que solo se muestra si hay un problema con 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 se muestra hasta que se reproduzca el video. ¿Qué formatos son mejores para imágenes con millones de colores y transparencia?. PNG. SVG. JPG. GIF. ¿Qué devuelve/retorna un querySelector?. Nodo HTML. Null. Una lista de Nodos. Una etiqueta HTML o null. A falta de configuración del objeto options, ¿Qué método usa por defecto fetch?. Put. Post. Get. Delete. ¿Qué propiedad usamos para sólo dar color de fondo a una etiqueta?. background-color. background. bg-color. background-colour. La propiedad z-index funciona en elementos posicionados de manera fija. falso. verdadero. 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 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. Cómo podemos trasladar una etiqueta usando una propiedad estándar?. translate : 50%. transform: translate(50%). transform: translate 50%. translate : (50%). 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, enctype, method. action, required. ¿Cuál es el selector CSS que NO selecciona el <li> número 3 ?. ul>:nth-child(3). li:nth-of-type(3). li:nth-of-child(3). li:nth-child(3). ¿Cuál de las siguientes etiquetas se utiliza para resaltar un texto en negrita sin semántica en HTML?. <b>. <bold>. <strong>. <em>. |