wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Test Final - HTML y CSS

Total questions: 40

Worksheet time: 23mins

Name
Class
Date
1.

¿Qué hace este código?

a)

lleva a otra página web externa

b)

abre una imagen externa

c)

te lleva a un punto dentro de la misma página

d)

ese código es erróneo

2.
¿Cuál es el elemento que contiene todos los elementos de una página web?
a)

<principal>

b)

<body>

c)

<homepage>

d)

<html>

3.

¿Cuál es la función de la etiqueta <p>?

a)
Crear párrafos con espacios arriba y abajo.
b)
Darle inicio a un párrafo que empiece por la letra "p".
c)
Crear títulos de gran tamaño.
d)
Hacer que los títulos se vean paralelos.
4.
¿Cuál de las siguientes afirmaciones es verdadera?
a)
Para aprender HTML necesitas conocer el código CSS.
b)
Entre más sencilla es la página, más elementos html contiene.
c)
Existen páginas web que funcionan perfectamente sin HTML.
d)
El HTML es la estructura principal de toda página web.
5.
¿Cuál es la principal diferencia entre las listas ordenadas y desordenadas?
a)
Unas se organizan verticalmente y las otras horizontalmente.
b)
Unas añaden viñetas a cada elemento de la lista y otras números.
c)
Unas se ven desordenadas y otras ordenadas.
d)
Unas sirven para organizar información y las otras la combinan.
6.
De las siguientes etiquetas, ¿cuál se corresponde al elemento imagen?
a)

<img href>

b)

<imagen>

c)

<img></img>

d)

<img>

7.
Escoge la opción correcta:
a)
.estilo1{color:red;text align:center;}
b)
.estilo2{color:blue;text-align:center;}
c)
h1{color:red:text.align:justify;}
d)
p{color:green;text-align;justify:}
8.
¿Con qué etiqueta consigo que el texto aparezca subrayado?
a)

<b></b>

b)

<i> </i>

c)

<ul> </ul>

d)

<u> </u>

9.

¿qué etiqueta representa un elemento de una lista?

a)

<li>

b)

<ul>

c)

<ol>

d)

<item>

10.
Observa el siguiente texto, ¿cómo crees que se verá ese código HTML al cargarlo en el navegador?
a)
Aparecerá como una lista con elementos repartidos en 5 líneas.
b)
Aparecerá como una lista con viñetas.
c)
Aparecerá como una lista enumerada.
d)
Aparecerá como una lista con grandes espacios entre líneas.
11.

¿Qué etiqueta crea un salto de línea?

a)

<br>

b)

<break>

c)

<src>

d)

<line>

12.
¿Cuál sería la programación para poner el fondo de pantalla de un color?
a)
body{background-color:green}
b)
body{background-color:red;}
c)
body{background-picture:yellow;}
d)
bodycolor{background:yellow;}
13.
¿Cuál es la etiqueta HTML para crear un hipervínculo?
a)

<link>

b)

<a>

c)

<href>

d)

<url>

14.
¿Qué etiqueta HTML se utiliza para crear una lista numerada?
a)

<ul> </ul>

b)

<li> </li>

c)

<ol> </ol>

d)

<dl> </dl>

15.
¿Qué elemento HTML se utiliza para definir encabezados de nivel 1?
a)

<header>

b)

<h1>

c)

<heading>

d)

<h>

16.
¿Cuál es la versión más reciente de HTML?
a)
HTML4
b)
HTML5
c)
XHTML
d)
HTML6
17.
¿Cuál es la estructura básica de un programa HTML?
a)
Opción 1
b)
Opción 2
c)
Opción 3
d)
Opción 4
18.
¿Qué código se corresponde con esta web?
a)
A
b)
B
c)
C
d)
D
19.
¿Qué página se corresponde con el siguiente código?
a)
Opción 1
b)
Opción 2
20.
¿Qué propiedad de CSS se usa para cambiar el tipo de letra?
a)
font-family
b)
font-type
c)
text-font
d)
font-style
21.

¿Dónde va el contenido visible de una página web?

a)

<head>

b)

<body>

c)

<style>

d)

<title>

22.

Si tienes un elemento con id="contacto", ¿cómo debes escribir el href para ir directamente a ese punto de la misma página?

a)

href="/contacto"

b)

href="id:contacto"

c)

href="#contacto"


d)

href=".contacto"

23.

¿Qué atributo se utiliza en HTML5 para crear el marcador de destino al que se dirigirá un enlace interno?

a)

name

b)

id

c)

target

d)

href

24.

¿Qué tipo de <input> se usa para que el usuario pueda escribir una respuesta de texto en un formulario?

a)

type="checkbox"

b)

type="text"

c)

type="radio"

d)

type="one"

25.

¿Qué atributo se usa en un <input> para sugerir un formato o mostrar un texto de ayuda grisaceo que desaparece al escribir?

a)

value

b)

hint

c)

placeholder

d)

default

26.

¿Cuál de estos ejemplos crea correctamente un marcador interno?

a)

A

b)

B

c)

C

d)

D

27.

¿Qué significa el símbolo # en esta línea de código?

a)

que abrirá otra web

b)

que recarga la página

c)

que crea una imagen

d)

que enlaza a un marcador interno

28.

¿Qué propiedad cambia el color de fondo?

a)

background-color

b)

color

c)

bgcolor

d)

background-style

29.

¿Qué propiedad redondea las esquinas?

a)

corner-radius

b)

round

c)

border-radius

d)

border

30.

¿Cuál es la forma correcta de añadir una clase en HTML?

a)

A

b)

B

c)

C

d)

D

31.

¿Qué símbolo se utiliza en CSS para definir una clase?

a)

#

b)

*

c)

@

d)

.

32.

¿Qué ocurre si varios elementos tienen la misma clase?

a)

Da error

b)

Solo aplica al primero

c)

Todos comparten el mismo estilo

d)

La página no funciona

33.

¿Qué código aplica color rojo a todos los elementos con clase titulo?

a)

A

b)

B

c)

C

d)

D

34.

¿QUÉ HACE ESTA LÍNEA DE PROGRAMACIÓN?

a)

REDUCE EL ZOOM

b)

AUMENTA EL ZOOM

c)

ELIMINA LA ESCALA

d)

CAMBIA LA ESCALA

35.

¿Qué etiqueta contiene el contenido visible de la página web?

a)

<head>

b)

<title>

c)

<body>

d)

<meta>

36.

¿Qué etiqueta se utiliza para crear un formulario?

a)

<input>

b)

<form>

c)

<label>

d)

<textarea>

37.

¿Qué etiqueta define el título que aparece en la pestaña del navegador?

a)

<meta>

b)

<h1>

c)

<title>

d)

<header>

38.

¿Dónde se escribe el código CSS?

a)

dentro de <body>

b)

dentro de <style>

c)

dentro de <script>

d)

dentro de <title>

39.

¿En qué parte del documento se coloca la etiqueta <style>?

a)

dentro de <div>

b)

dentro de <body>

c)

dentro de <head>

d)

dentro de <form>

40.

¿Qué etiqueta HTML se usa para insertar código JavaScript?

a)

<js>

b)

<script>

c)

<javascript>

d)

ninguna de las opciones es correcta