wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Examen Cx6

Total questions: 119

Worksheet time: 1hrs 6mins

Name
Class
Date
1.

¿Cómo enlazas un archivo CSS a un documento HTML?

a)
  • <style src="style.css">

b)
  • <link rel="stylesheet" href="style.css">

c)
  • <link src="style.css">

d)

<style href="style.css">

2.

La etiqueta <head> en HTML contiene:

a)
  • Las opciones de menú.

b)
  • El contenido visible de la página.

c)
  • Metadatos como el título, enlaces a CSS y scripts.

d)
  • El pie de página.

3.

¿Qué propiedad de la etiqueta <input> te permite definir el tipo de entrada que se espera?

a)
  • type

b)
  • placeholder

c)

name

d)
  • value

4.

¿Qué atributo de la etiqueta <a> se utiliza para enlazar a una página externa?

a)
  • href

b)
  • link

c)
  • src

d)

alt

5.

 Completa el código para crear un campo de entrada de texto:
<input (a)   ="text">

6.

Completa el siguiente código para crear un formulario con un botón de envío:
<form>

  <input type="text" name="username" placeholder="Introduce tu nombre">

  <button (a)   ="submit">Enviar</button>

</form>

7.

¿Qué etiqueta HTML se utiliza para crear una tabla?

a)
  • <table>

b)
  • <tr>

c)
  • <td>

d)

<th>

8.

¿Qué etiqueta HTML se utiliza para crear una fila en una tabla?

a)
  • <table>

b)
  • <tr>

c)

<th>

d)
  • <td>

9.

¿Qué etiqueta HTML se utiliza para crear una celda de tabla?

a)
  • <td>

b)
  • <tr>

c)

<th>

d)
  • <table>

10.

¿Qué atributo se utiliza para identificar de manera única un elemento HTML?

a)
  • id

b)
  • class

c)

type

d)
  • name

11.

¿Qué etiqueta se utiliza para definir un párrafo en HTML?

a)
  • <p>

b)
  • <div>

c)

<span>

d)
  • <section>

12.

 Completa el siguiente código para insertar una imagen en HTML:

<img (a)   ="image.jpg" alt="Imagen descriptiva">

13.

¿Qué etiqueta HTML se utiliza para insertar un hipervínculo?

a)
  • <link>

b)
  • <a>

c)
  • <href>

d)

<url>

14.

¿Qué atributo de la etiqueta <img> se utiliza para proporcionar una descripción alternativa para la imagen?

a)
  • alt

b)
  • title

c)

src

d)
  • href

15.

 Completa el código para crear una lista desordenada con 3 elementos:

<ul>

<li>Elemento 1</li>

--

--

</ul>

(a)  

16.

¿Qué etiqueta HTML se utiliza para crear una lista ordenada?

a)
  • <list>

b)
  • <li>

c)
  • <ul>

d)
  • <ol>

17.

¿Qué etiqueta HTML se utiliza para crear un elemento de lista?

a)

<list>

b)
  • <li>

c)
  • <ol>

d)
  • <ul>

18.

¿Qué etiqueta HTML se utiliza para crear un formulario?

a)
  • <form>

b)
  • <input>

c)
  • <button>

d)
  • <label>

19.

¿Qué etiqueta HTML se utiliza para crear un campo tipo texto dentro de un formulario?

a)
  • <input type="text">

b)
  • <textarea>

c)
  • <select>

d)
  • <button>

20.

¿Qué etiqueta HTML es la mas utilizada para agrupar contenido en bloques?

a)
  • <section>

b)
  • <header>

c)
  • <footer>

d)
  • <div>

21.

¿Qué etiqueta HTML se utiliza para crear un título de nivel 1?

a)
  • <h1>

b)
  • <h2>

c)

<title>

d)
  • <h3>

22.

 ¿Qué etiqueta HTML se utiliza para crear un título de nivel 3?

a)

<h1>

b)

<h3>

c)

<h2>

d)

<h4>

23.

¿Qué atributo de la etiqueta <input> se utiliza para mostrar un texto dentro de un campo de entrada?

a)
  • text

b)
  • placeholder

c)
  • name

d)
  • value

24.

 ¿Qué linea HTML se utiliza para crear un comentario en el código?

a)
  • <comment> Comentario </comment>

b)
  • <!-- Comentario -->

c)
  • // Comentario

d)
  • /* Comentario */

25.

¿Qué atributo de la etiqueta <a> se utiliza para abrir el enlace en una nueva pestaña del navegador?

a)
  • target="_blank"

b)
  • href="#"

c)

open="new

d)
  • link="_new"

26.

¿Qué etiqueta HTML se utiliza para definir una tabla de encabezado?

a)
  • <th>

b)
  • <td>

c)

<tr>

d)
  • <thead>

27.

 ¿Qué etiqueta HTML se utiliza para insertar una línea horizontal?

a)
  • <line>

b)
  • <br>

c)
  • <separator>

d)
  • <hr>

28.

Completa el siguiente código para incluir un enlace dentro de una lista:

<ul>

  <li><a (a)   ="www.ejemplo.com">Enlace 1</a></li>

  <li>Enlace 2</li>

</ul>

29.

¿Qué atributo de la etiqueta <input> se utiliza para especificar que un campo es obligatorio?

a)
  • required

b)
  • mandatory

c)
  • valid

d)
  • input-required

30.

 ¿Qué etiqueta HTML se utiliza para mostrar una imagen en la página web?

a)
  • <image>

b)
  • <pic>

c)
  • <img>

d)
  • <src>

31.

Completa el siguiente código para especificar la fuente de una imagen en HTML:

<img (a)   ="imagen.jpg" alt="Descripción de la imagen">


32.

 ¿Qué etiqueta HTML se usa para crear un área de navegación?

a)

<div>

b)
  • <nav>

c)
  • <section>

d)
  • <menu>

33.

¿Qué etiqueta HTML se utiliza para definir el título del documento HTML?

a)

<header>

b)
  • <h1>

c)
  • <title>

d)
  • <head>

34.

Completa el código para insertar un hipervínculo dentro de un párrafo:

<p>Visita <a (a)   ="https://www.ejemplo.com">nuestro sitio web</a></p>


35.

¿Qué etiqueta HTML se utiliza para insertar un area de texto ?

a)
  • <textarea>

b)
  • <input>

c)
  • <field>

d)
  • <select>

36.

¿Qué atributo de la etiqueta <a> se utiliza para abrir el enlace en una nueva ventana o pestaña?

a)
  • target="_self"

b)
  • target="_blank"

c)

window="_new"

d)
  • target="_new"

37.

¿Qué etiqueta HTML se utiliza para definir una sección de un documento?

a)
  • <section>

b)
  • <header>

c)
  • <article>

d)
  • <div>

38.

Completa el siguiente código para definir un encabezado de nivel 2 en HTML:

<h__>Encabezado 2</h__>

(a)  

39.

 ¿Qué etiqueta HTML se utiliza para crear una sección de un artículo o documento?

a)
  • <section>

b)
  • <article>

c)
  • <div>

d)
  • <nav>

40.

 ¿Qué atributo de la etiqueta <input> se utiliza para definir un valor predeterminado?

a)
  • name

b)
  • value

c)
  • default

d)
  • placeholder

41.

 ¿Qué atributo se utiliza para especificar la dirección URL de un enlace?

a)
  • href

b)
  • src

c)

url

d)
  • link

42.

¿Cómo defines un campo de texto con un valor predeterminado en HTML?

a)
  • <input type="text" value="Valor predeterminado">

b)
  • <input type="text" placeholder="Valor predeterminado">

c)
  • <input type="text" default="Valor predeterminado">

d)

<input type="text" valores="Texto predeterminado">

43.

¿Qué propiedad de la etiqueta <link> se utiliza para vincular un archivo CSS a un documento HTML?

a)
  • rel="stylesheet"

b)
  • href="style.css"

c)
  • type="text/css"

d)
  • src="style.css"

44.

 ¿Qué propiedad de CSS se usa para cambiar el color de fondo de un contenedor?

a)
  • bgcolor

b)
  • color-background

c)

background

d)
  • background-color

45.

Completa el siguiente código para establecer un espaciado interior de 20 píxeles en un contenedor:

.container {

   (a)   : 20px;

}

46.

 ¿Qué propiedad de CSS se usa para establecer el tamaño de la fuente de un texto?

a)
  • font-weight

b)
  • font-style

c)
  • font-size

d)
  • text-size

47.

 ¿Qué propiedad de CSS se utiliza para cambiar el color del texto?

a)
  • text-style

b)
  • color

c)
  • font-color

d)
  • text-color

48.

¿Qué propiedad de CSS se usa para alinear un texto al centro de su contenedor?

a)
  • text-align: center;

b)
  • align-text: center;

c)

text-position: middle;

d)
  • center-align: true;

49.

 ¿Qué propiedad de CSS se usa para cambiar el tamaño de un contenedor?

a)

box-size

b)
  • width y height

c)
  • size

d)
  • container-size

50.

¿Qué propiedad de CSS se utiliza para definir el borde de un contenedor?

a)

border-color

b)
  • border-width

c)
  • border-style

d)
  • border

51.

¿Qué propiedad de CSS se utiliza para crear una sombra en el texto?

a)

font-shadow

b)
  • shadow

c)
  • text-shadow

d)
  • box-shadow

52.

¿Cómo se puede hacer que una imagen de fondo no se repita en CSS?

a)

repeat: false;

b)
  • background-size: no-repeat;

c)
  • background-image: no-repeat;

d)
  • background-repeat: no-repeat;

53.

¿Qué propiedad de CSS se utiliza para alinear elementos horizontalmente dentro de un contenedor flexible (Flexbox)?

a)
  • align-content

b)
  • flex-direction

c)
  • align-items

d)
  • justify-content

54.

¿Qué propiedad de CSS se utiliza para agregar espacio exterior entre un contenedor y sus elementos hermanos?

a)
  • padding

b)
  • margin

c)

spacing

d)
  • border

55.

¿Cómo se define un borde redondeado en CSS?

a)
  • border-radius

b)
  • round-border

c)
  • border-curvature

d)
  • border-style

56.

¿Qué propiedad de CSS se utiliza para definir la fuente de un texto?

a)
  • font-family

b)
  • font-size

c)
  • font-variant

d)
  • font-style

57.

 ¿Cómo se puede centrar un contenedor dentro de otro utilizando Flexbox en CSS?

a)
  • justify-content: center; align-items: center;

b)
  • align-items: center; justify-content: start;

c)

align-items: center;

d)
  • center: both;

58.

¿Qué propiedad de CSS se usa para aplicar una transición entre los cambios de estilo?

a)
  • transition

b)
  • animation

c)
  • transition-style

d)
  • effect

59.

 ¿Qué propiedad de CSS se usa para definir una imagen como fondo en un contenedor?

a)
  • background-image

b)
  • image-background

c)

bg-image

d)
  • background-source

60.

 ¿Qué propiedad de CSS se utiliza para mostrar un contenedor como un elemento de bloque o en línea?

a)
  • display

b)
  • visibility

c)
  • float

d)

position

61.

 Completa el siguiente código para cambiar la propiedad de texto de negrita en CSS:

.elemento {

   (a)   : bold;

}

62.

¿Qué propiedad de CSS se utiliza para crear un efecto de transformación en un elemento?

a)

style

b)
  • effect

c)
  • transform

d)
  • transition

63.

 ¿Qué propiedad de CSS se usa para cambiar la alineación vertical de un elemento dentro de un contenedor?

a)

position

b)
  • vertical-align

c)
  • align-items

d)
  • align-self

64.

¿Qué propiedad de CSS se utiliza para crear un efecto de opacidad en un elemento?

a)

transparency

b)
  • filter

c)
  • opacity

d)
  • visibility

65.

¿Cómo se define un contenedor flexible con Flexbox en CSS?

a)
  • flexbox: true;

b)
  • display: flex;

c)
  • flex-display: true;

d)
  • container: flex;

66.

Completa el siguiente código para cambiar el color de fondo de un contenedor a rojo:

.container {

  background-color: (a)   ;

}


67.

¿Qué propiedad de CSS se usa para ocultar un elemento sin eliminarlo del flujo del documento?

a)
  • remove: true;

b)
  • opacity: 0;

c)
  • display: none;

d)
  • visibility: hidden;

68.

¿Qué propiedad de CSS se utiliza para agregar una animación a un elemento?

a)
  • animation

b)
  • transformation

c)
  • effect

d)

motion

69.

 ¿Qué propiedad de CSS se utiliza para cambiar el cursor cuando se pasa sobre un elemento?

a)

cursor-style

b)
  • pointer

c)
  • cursor

d)
  • mouse-style

70.

¿Qué propiedad de CSS se usa para ajustar una imagen al tamaño de su contenedor?

a)

image-fit: cover;

b)
  • size: auto;

c)
  • background-size: cover;

d)
  • image-size: contain;

71.

 ¿Qué propiedad de CSS se utiliza para alinear un contenedor de elementos en una columna?

a)
  • align-self: column;

b)
  • justify-content: column;

c)
  • flex-direction: column;

d)
  • align-items: column;

72.

 Completa el siguiente código para crear un borde de 1 píxel de grosor y color azul:

.elemento {

  border: 1px (a)   ;

}

73.

¿Qué propiedad de CSS se usa para crear un gradiente de fondo?

a)
  • background-gradient: linear;

b)
  • gradient: true;

c)
  • background: gradient();

d)
  • background-image: linear-gradient();

74.

¿Qué propiedad de CSS se usa para alinear los elementos de un formulario?

a)
  • input-align

b)
  • align-items

c)
  • justify-content

d)
  • text-align

75.

¿Cómo puedes hacer que un elemento tenga un borde circular en CSS?

a)
  • border-radius: 50%;

b)
  • circle-border: true;

c)
  • rounded: true;

d)

border-circle: 100%;

76.

¿Qué propiedad de CSS se utiliza para hacer que un contenedor tome el 100% del ancho de su elemento padre?

a)

expand: true;

b)
  • full-width: true;

c)
  • max-width: 100%;

d)
  • width: 100%;

77.

 ¿Qué propiedad de CSS se usa para crear un relleno interno en un contenedor?

a)
  • padding

b)
  • margin

c)
  • content

d)

box-sizing

78.

¿Qué propiedad de CSS se usa para crear una sombra en un contenedor?

a)
  • element-shadow

b)
  • shadow

c)
  • text-shadow

d)
  • box-shadow

79.

¿Qué propiedad de CSS se usa para cambiar la dirección del flujo de los elementos en un contenedor Flexbox?

a)
  • display: flex

b)
  • flex-order

c)
  • flex-flow

d)
  • flex-direction

80.

¿Qué propiedad de CSS se utiliza para cambiar los estilos de una lista no ordenada y ordenada?

a)

list-item-spacing

b)
  • list-items

c)
  • list-spacing

d)
  • list-style-type

81.

 ¿Para qué sirve JavaScript en una página web?

a)
  •  Para diseñar la estructura de la página.

b)

Para controlar la interactividad y el comportamiento de la página.

c)

Para agregar contenido estático a la página.

d)
  • Para mejorar la accesibilidad de la página.

82.

 ¿Cómo se declara una variable en JavaScript?

a)
  • Todas las anteriores.

b)
  • var nombre;

c)
  • let nombre;

d)
  • const nombre;

83.

¿Qué es una variable en JavaScript?

a)
  • Un espacio en la memoria donde se almacenan valores.

b)
  • Una operación matemática.

c)
  • Un tipo de dato que contiene texto.

d)
  • Un bloque de código que realiza una acción.

84.

 ¿Cuál es la diferencia entre let, const y var para declarar variables en JavaScript?

a)
  • No hay diferencia.

b)
  • let y const solo pueden ser declarados en funciones, pero var se puede declarar globalmente.

c)
  • let y const se usan para constantes, mientras que var es para variables mutables.

d)
  • let es para variables que cambian, const para constantes y var para variables globales

85.

¿Qué tipo de dato representa el valor true o false en JavaScript?

a)
  • String

b)
  • Boolean

c)
  • Number

d)
  • Object

86.

¿Cómo se puede declarar una función en JavaScript?

a)
  • function miFuncion() {};

b)
  • let miFuncion() {};

c)
  • const miFuncion() {};

d)
  • function = miFuncion() {};

87.

 ¿Qué es una función en JavaScript?

a)
  • Un tipo de objeto.

b)
  • Un bloque de código reutilizable que realiza una tarea específica.

c)
  • Una estructura de control.

d)
  • Una variable que almacena un valor

88.

¿Cuál es la sintaxis correcta para definir una función que reciba dos parámetros?

a)

function miFuncion(param1, param2) {}

b)
  • function miFuncion(param1; param2) {}

c)
  • function miFuncion(param1, param2 => {}

d)
  • def miFuncion(param1, param2):

89.

¿Qué es el DOM en JavaScript?

a)

 El conjunto de herramientas para crear una página web.

b)

Un lenguaje de programación que trabaja con JavaScript.

c)

 El modelo de objetos del documento que permite manipular elementos HTML y CSS.

d)

Un método de JavaScript para crear funciones.

90.

 ¿Cómo se accede a un elemento HTML usando su id en JavaScript?

a)
  • getElementById('miId');

b)
  • querySelector('#miId');

c)
d)
  • elementById('miId');

91.

 ¿Qué método de JavaScript permite cambiar el contenido en general de mi documento HTML?

a)
  • innerHTML

b)
  • textContent

c)
  • outerHTML

d)

setHTML

92.

Completa el siguiente código para cambiar el texto de un elemento con id miElemento usando JavaScript:

document.getElementById('miElemento'). (a)   = "Nuevo texto";

93.

¿Qué hace el operador += en JavaScript cuando se usa con dos cadenas de texto?

a)
  • Realiza una suma matemática.

b)
  • Realiza una concatenación de cadenas.

c)
  • Crea un número a partir de las cadenas.

d)
  • Compara si las cadenas son iguales.

94.

 ¿Cómo puedes concatenar dos variables de texto en JavaScript?

a)
  • var texto = variable1 + variable2;

b)
  • var texto = variable1 & variable2;

c)
  • var texto = variable1.append(variable2);

d)

var texto = variable1.merge(variable2);

95.

¿Qué operador se utiliza para calcular el residuo de una división en JavaScript?

a)

/

b)
  • %

c)
  • //

d)
  • **

96.

 ¿Qué hace el método toLowerCase() en JavaScript?

a)
  • Convierte un número a minúsculas.

b)
  • Convierte todo el texto a minúsculas.

c)
  • Convierte un texto a mayúsculas.

d)
  • Convierte el texto a un formato de fecha.

97.

¿Cómo puedes cambiar el contenido de una cadena de texto con JavaScript para que sea completamente en mayúsculas?

a)
  • miTexto.toUpperCase();

b)
  • miTexto.toLowerCase();

c)
  • miTexto.capitalize();

d)
  • miTexto.toUpper();

98.

¿Qué hace el método parseInt() en JavaScript?

a)
  • Convierte un valor booleano en un número.

b)
  • Convierte un número en un valor booleano.

c)
  • Convierte una cadena en un número entero.

d)
  • Convierte un número en una cadena.

99.

¿Qué es un "bucle" en JavaScript?

a)
  • Una condición que controla el flujo de ejecución.

b)
  • Una función que retorna un valor específico.

c)
  • Un bloque de código que se ejecuta una sola vez.

d)
  • Un bloque de código que se repite hasta que se cumple una condición.

100.

 ¿Qué hace el operador ternario en JavaScript?

a)
  • Compara dos valores para verificar si son iguales.

b)
  • Ejecuta una función dependiendo de una condición.

c)
  • Permite realizar una condición en una sola línea: condición ? valor1 : valor2.

d)
  • Compara dos valores y retorna el mayor.

101.

.¿Cuál es la sintaxis correcta para un bucle for en JavaScript?

a)
  • for (i = 0; i < 10; i++) {}

b)
  • for i = 0 to 10 {}

c)
  • loop (i = 0; i < 10; i++) {}

d)
  • for (i = 0; i++; i < 10) {}

102.

¿Qué método se utiliza para mostrar una alerta en JavaScript?

a)
  • alert()

b)
  • console.log()

c)
  • showAlert()

d)
  • confirm()

103.

¿Qué evento se usa para ejecutar una función cuando un usuario hace clic en un elemento?

a)
  • onfocus

b)
  • onmouseover

c)
  • onclick

d)
  • onchange

104.

¿Cómo se llama una función en JavaScript?

a)
  • miFuncion();

b)
  • call(miFuncion);

c)
  • execute(miFuncion);

d)

miFuncion;

105.

¿Qué hace el método addEventListener() en JavaScript?

a)
  • Limpia todos los eventos asignados a un elemento.

b)
  • Llama una función directamente.

c)
  • Detiene la ejecución de un evento.

d)
  • Asocia un evento a un elemento HTML para que ejecute una función cuando se dispare ese evento.

106.

¿Qué hace el método preventDefault() en JavaScript?

a)
  • No hace nada.

b)
  • Detiene la ejecución del código JavaScript.

c)
  • Impide que el navegador realice la acción por defecto asociada al evento.

d)
  • Evita que un evento se propague más allá del elemento en el que ocurrió.

107.

 ¿Qué tipo de dato es el resultado de la expresión 5 + "10" en JavaScript?

a)
  • Undefined

b)
  • Número

c)
  • String

d)
  • Boolean

108.

¿Qué función se utiliza para convertir una cadena de texto en un número entero en JavaScript?

a)
  • toInteger()

b)
  • toString()

c)
  • parseInt()

d)
  • parseFloat()

109.

¿Qué operador se utiliza para comparar si dos valores son iguales en JavaScript?

a)
  • =

b)
  • ==

c)
  • ===

d)
  • ==!

110.

¿Qué hace el operador === en JavaScript?

a)
  • Ninguna de las anteriores.

b)
  • Compara si una variable es igual a un valor específico.

c)
  • Compara dos valores independientemente de su tipo de dato.

d)
  • Compara dos valores solo si son del mismo tipo de dato.

111.

¿Qué hace el evento onkeydown() en JavaScript?

a)
  • Se activa cuando se hace clic en un elemento.

b)
  • Se activa cuando se presiona una tecla en el teclado.

c)
  • Se activa cuando se suelta una tecla.

d)
  • Se activa cuando el mouse se desplaza sobre un elemento.

112.

¿Cuál es el valor de 5 == "5" en JavaScript?

a)
  • true

b)
  • false

c)
  • undefined

d)
  • NaN

113.

 ¿Qué hace el método Math.random() en JavaScript?

a)
  • Genera un número entero aleatorio.

b)
  • Genera un número decimal aleatorio entre 0 y 1.

c)
  • Genera un número aleatorio entre 1 y 100.

d)
  • Genera un valor booleano aleatorio

114.

¿Cómo puedes realizar una validación de una condición en JavaScript usando un "if"?

a)
  • if (condición) {}

b)
  • if condition {}

c)
  • if: (condición) {}

d)

validate (condición) {}

115.

 ¿Cómo puedes generar un número aleatorio entre 1 y 10 en JavaScript?

a)
  • Math.random(1, 10)

b)
  • Math.floor(Math.random() * 10 + 1)

c)
  • random(1, 10)

d)

Math.random() * 10

116.

¿Qué es un "evento" en JavaScript?

a)
  • Una función que se ejecuta al cargar una página.

b)
  • Un tipo de variable.

c)
  • Una acción que ocurre en el navegador, como hacer clic en un botón.

d)
  • Un tipo de dato.

117.

¿Qué hace el operador && en JavaScript?

a)
  • Compara dos valores para verificar si son iguales.

b)
  • Realiza una operación matemática.

c)
  • Realiza una comparación lógica de "y".

d)
  • Realiza una comparación lógica de "o".

118.

 ¿Qué significa el operador != en JavaScript?

a)
  • Igual a.

b)
  • No igual a.

c)
  • Mayor que.

d)
  • Menor que.

119.

 ¿Qué hace el operador || en JavaScript?

a)
  • Realiza una comparación lógica "y".

b)
  • Realiza una comparación lógica "o".

c)
  • Realiza una comparación estricta.

d)
  • Realiza una operación aritmética.