wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML y CSS

Total questions: 9

Worksheet time: 5mins

Name
Class
Date
1.

Para agregar un color al borde a un elemento, cuál de las siguientes CSS es la correcta?

a)

border: 5px solid #FFF;

b)

border-color: 5px solid #FF00FF;

c)

border-color: blue;

d)

back-ground-color: blue;

2.

‚Cuál de la siguientes estructura es correcta para el uso del header?

a)

<header>

<h1></h1>

</header>

<article>

<header>

<h1></h1>

</header>

</article>

b)

<h1>

<header>

<article>

</article>

</header>

</h1>

c)

<h1>

<article>

<header>

</header>

</article>

</h1>

3.

¿Cuál de las opciones se considera una lista ordenada?

a)

<ol>

<li>Max</li>

<li>Jake</li>

<li>Buddy</li>

<li>Sam</li>

</ol>

b)

<ul>

<li>Firefox</li>

<li>Chrome</li>

<li>Internet Explorer</li>

<li>Opera</li>

<li>Safari</li>

</ul>

4.

¿Qué etiquetas seleccionarías para agregar cursiva y saldo de linea con el objetivo de separar el párrafo del principal y asignar color rojo?


Ejemplo: "A pair of Oxen were

... drawing a heavily"

a)

<span>

b)

<i>

c)

</br>

d)

style="color: red;"

e)

<a>

5.

¿Qué elementos de etiquetas seleccionarías si deseas crear una tabla con 3 filas y dos columnas?

a)

<table>

b)

<tr>

c)

<td>

d)

<th>

e)

<thead>

6.

¡Cuál de las siguientes enlaces tiene una ruta absoluta?

a)

<a href="https://www.toulouselautrec.edu.pe/carreras-profesionales/">carreras-profesionales</a>

b)

<a href="legal.html">Información Legal</a>

c)

<a href="/carreras-profesionales/carreras.html">carreras-profesionales</a>

7.

¡Qué elementos tomarías para armar una página web HTML básica?

a)

<!DOCTYPE html>

b)

<html></html>

c)

<meta charset="UTF-8">

d)

<head></head>

e)

<body></body>

8.

Qué resultado se mostrará visualmente en el navegador con esta página:


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Mi primera página</title>

</head>

<body>

<p>Hola mundo!</p>

</body>

</html>

a)

Hola mundo!

b)

Mi primera página + Hola mundo!

c)

Vacío

9.

Qué opción usarías en CSS para hacer que un div y no se desborde por tamaño?

a)

box-sizing: border-box;

b)

bdoy{

margin: 0;

padding: 0;

}

c)

.contenedor {

display: flex;

align-items:center;

justify-content:center;

}