wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML, CSS Y JavaScript

Total questions: 26

Worksheet time: 35mins

Name
Class
Date
1.

¿Qué es una función en JavaScript?

a)
Una función en JavaScript es un bloque de código que se puede ejecutar cuando se invoca.
b)
Una función en JavaScript es un método para declarar clases.
c)
Una función en JavaScript es un objeto que no se puede invocar.
d)
Una función en JavaScript es un tipo de variable.
2.

¿Para qué sirve getElementById()?

a)
Sirve para obtener un elemento del DOM por su id.
b)
Sirve para cambiar el estilo de un elemento del DOM.
c)
Sirve para eliminar un elemento del DOM por su id.
d)
Sirve para crear un nuevo elemento en el DOM.
3.

¿Qué es 'document' en JavaScript?

a)
'document' es un objeto que almacena variables de JavaScript.
b)
'document' es un método para enviar datos al servidor.
c)
'document' es el objeto que representa el documento HTML en el navegador.
d)
'document' es una función que crea nuevos elementos HTML.
4.

¿Qué valor de la propiedad display permite darle flexibilidad a los elementos o al contenido dentro de un contenedor?

(a)  

5.

¿Qué hace 'flex-direction: column'?

a)
Ajusta el tamaño de los elementos de forma automática.
b)
Organiza los elementos en una columna vertical.
c)

Invierte el orden de los elementos

d)

Crea columnas

6.

Con flex, ¿qué hace 'justify-content'?

a)

Alinea en el eje vertical

b)

Ajusta el tamaño de los elementos

c)

Cambia el orden de los elementos

d)

Alinea en el eje horizontal

7.

Con flex, ¿qué alinea 'align-items'?

a)

Elementos en el eje horizontal

b)

Elementos en el eje vertical

c)

Solo el primer elemento

d)

Solo el último elemento

8.

¿Qué ocurre con align-items y justify-content al usar flex-direction: column?

a)

Ambos se alinean verticalmente

b)

Ambos se alinean horizontalmente

c)

align-items controla la alineación vertical y justify-content la alineación horizontal

d)

align-items y justify-content se invierten: align-items controla la alineación horizontal y justify-content la alineación vertical.

9.

¿Cuál es la propiedad CSS que cambia la fuente de un texto?

a)

text-font

b)

font-family

c)

font-style

d)

style-font

10.

¿Cuál es el propósito del atributo alt en la etiqueta <img>?

a)

Especificar el ancho de la imagenHacer la imagen interactiva

b)

Aplicar estilos CSS a la imagen

c)

Definir un texto alternativo si la imagen no se carga

d)

Nada relevante

11.

¿Que propiedad separa solo los elementos de un contenedor?

a)

gap

b)

padding

c)

pad

d)

space

12.

¿Cual es la diferencia entre id y class?

4 lines
13.

Escribe la propiedad y sus valores para crear un sombreado hacia arriba e izquierda

4 lines
14.

¿Como le agrego un borde a un elemento?

4 lines
15.

¿Que valores recibe linear-gradient para funcionar en css?

4 lines
16.

¿Que es una varibale?

4 lines
17.

Es un bloque de codigo que realiza una tarea especifica y puede ser reutilizada en el codigo"

a)

Libreria

b)

funcion

c)

variable

d)

objeto

18.

La forma mas común de crear variables:

(a)   num = 1

19.

pseudo-clase que modifica estilos al pasar el cursor y pseudo-clase que modifica estilos al enfocar un elemento

(a)  

20.

¿Que etiqueta se utiliza para agregar imagenes en html?

a)

<imge>

b)

<ima>

c)

<img>

d)

No se puede desde html

21.

¿Qué significa HTML?

a)

Hyper Trainer Marking Language

b)

Home Tool Markup Language

c)

High Tech Markup Language

d)

Hyper Text Markup Language

22.

Atributo de tipo evento que permite que se ejecute una función al enviarse un formulario

(a)  

23.

¿Para que es el .style en JavaScript?

4 lines
24.

Encuentras algún error en el siguiente código JS?:

document.h1.style.color = red
(si la respuesta es sí, justificala.)

4 lines
25.

¿Cuál es la forma correcta de enlazar un archivo JavaScript externo en HTML?

a)

<script src="script.js"></script>

b)

<js src="script.js"></js>

c)

<script href="script.js"></script>

d)

<link rel="script" href="script.js">

26.

La propiedad (a)   me permite crear transiciones de estilos en css