wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML y CSS

Total questions: 30

Worksheet time: 15mins

Name
Class
Date
1.

¿Qué significa el acrónimo HTML?

a)

Hyper Text Mask Language

b)

Hard Text Markup Language

c)

Hyper Text Markup Language

d)

Hard Text Mask Language

2.

¿Qué etiqueta es correcta para indicar un salto de línea?

a)

<br>

b)

<br/>

c)

<breakLine>

d)

<hr>

3.

¿Cuál es la forma correcta de escribir un comentario en HTML?

a)

/* comment */

b)

<!– comment –>

c)

ctrl + Ç

d)

<¡– comment –>

4.

¿Cuál es la forma correcta de escribir un enlace en HTML?

a)

<a title=”#”>…</>

b)

<a href=”#”>…</a>

c)

<a src=”#”>…</a>

d)

<link href=”#”>…<link>

5.

¿Qué etiqueta se usa para escribir una lista no ordenada?

a)

<ol>

b)

<ul>

c)

<li>

d)

<list>

6.

¿Qué etiqueta se usa para denominar cada fila en una lista html?

a)

<ol>

b)

<ul>

c)

<li>

d)

<list>

7.

Las siguientes instrucciones vienen acompañadas de un atributo. ¿Cuál es correcto?

a)

<img src=”foto.jpg” alt=”texto”>

b)

<img src=”foto.jpg” value=”texto”>

c)

<img src=”foto.jpg” text=”texto”>

d)

<img src=”foto.jpg” desc=”texto”>

8.

¿De las etiquetas a continuación cuál tiene un impacto directo sobre la página de resultados de búsqueda que ofrece Google sobre un determinado sitio web?

a)

<h1>

b)

<a href=”#” rel=”nofollow”>anchor</a>

c)

<title>

d)

<strong>

9.

¿Cómo harías para que se abriera el enlace en la misma pestaña en la que nos encontramos?

a)

<link href=”#” target=”_blank”>…</link>

b)

<link href=”#” target=”_self”>…</link>

c)

<a href=”#” target=”_blank”>…</a>

d)

<a href=”#” target=”_self”>…</a>

10.

¿Cuál es la forma más eficiente de aplicar estilos CSS en un documento HTML?

a)

En línea

b)

Incrustado en la cabecera

c)

Hojas de estilo externas

d)

Mediante PHP

11.

¿Cuáles de las siguientes declaraciones son propiedades o atributos?

a)

h1

b)

background-color

c)

hover

d)

span

12.

¿Cuáles de las siguientes declaraciones son selectores?

a)

p

b)

font-family

c)

50px

d)

red

13.

¿Cómo se define un color de fondo para todas las etiquetas "p" en CSS?

a)

p.all {background-color:red;}

b)

-p {background-color:red;}

c)

#p {background-color:red;}

d)

p {background-color:red;}

14.

¿Con qué propiedad se define el espacio entre el borde de un elemento y los elementos que lo rodean?

a)

border

b)

margin

c)

padding

d)

Ninguna respuesta es correcta

15.

¿Cómo se cambia el valor del margen derecho de un elemento?

a)

text-right

b)

right-magin

c)

margin-right

d)

margin:right

16.

¿Qué significa CSS?

a)

Cascading Style Sheets

b)

Center Style Steels

c)

Calibre Style Sheet

d)

Ninguna respuesta es correcta

17.

¿Cómo se indica que el color del texto es de color rojo?

a)

color: red

b)

color: #FF0000

c)

color: RGB(255, 0, 0)

d)

Todas las respuestas son correctas

18.

¿Cómo se indica que todos los elementos "span" tienen el texto en negrita?

a)

span {text-color:bold}

b)

span {text-weight:bold}

c)

span {font-style:bold}

d)

span {font-weight:bold}

19.

¿Qué propiedad se emplea para cambiar el tipo de letra de un elemento?

a)

text-type

b)

font-type

c)

font-family

d)

text-family

20.

¿Qué es HTML?

a)

Un tipo de editor de webs

b)

Un lenguaje de marcas para crear páginas web

c)

Un navegador

d)

Una hoja de estilos

21.

¿Dónde se muestra la etiqueta <title>?

a)

En el contenido de la página, será el encabezamiento de mayor tamaño.

b)

En la pestaña del navegador que muestra el documento

c)

No se muestra porque es un elemento de <head>

d)

Se desaconseja su uso en HTML5

22.

¿Cuál es el orden correcto de las etiquetas de apertura de una

estructura básica web?

a)

<body>, <head>, <html>

b)

<html>, <body>, <head>

c)

<html>, <head>, <body>

d)

<head>, <body>, <html>

23.

¿Cuál es la pseudo-clase que se utiliza para detectar cuando el ratón

pasa por encima de un elemento?

a)

:first-child

b)

:link

c)

:active

d)

:hover

24.

¿Qué elementos son de bloque por defecto?

a)

<p>, <h3> and <div>

b)

<p>, <strong> and <div>

c)

<p>, <h3> and <span>

d)

<strong>, <ul> and <span>

25.

Qué significa que Google se fundamenta en el “mobile first”

a)

Que el diseño del layout se empieza por el tamaño móvil y se va adaptando a los dispositivos más grandes

b)

Qué es un tipo de programación que sólo se utiliza para móviles

c)

Qué no se puede utilizar en los móviles

d)

Que se diseña primero para pantallas grandes y después se cambia el diseño para móviles

26.

Si tenemos definida la propiedad "text-shadow: 3px 4px 2px #fff;"

a)

3px: es el tamaño de la sombra que se aplica a la derecha del texto

b)

4px: es el tamaño de la sombra que se aplica a la derecha del texto

c)

2px: es el tamaño de la sombra que se aplica a la derecha del texto

d)

No queda definida la dirección de la sombra

27.

Si tenemos definida la propiedad "text-shadow: 3px 4px 2px #fff;"

a)

3px: es la cantidad de sombra borrosa que se aplica

b)

4px: es la cantidad de sombra borrosa que se aplica

c)

2px: es la cantidad de sombra borrosa que se aplica

d)

No queda definida la cantidad de sombra borrosa

28.

Los gradientes se definen…

a)

En la propiedad "background"

b)

En la propiedad "image"

c)

En la propiedad "gradient"

d)

En la propiedad "border"

29.

Que harias para seleccionar todas las imágenes y todos los enlaces que estén dentro de la etiqueta "section"

a)

section img section a {...}

b)

section img, section a {...}

c)

section img a {...}

d)

section, img a {...}

30.

¿Qué tipo de animación es uniforme durante todo el recorrido?

a)

ease

b)

ease-in

c)

ease-out

d)

linear