IES Sorolla

---------------------------------------------------------------------------------------------
Nombre y Apellidos: ………………………………………
Curso: ………………………………………
---------------------------------------------------------------------------------------------

Examen HTML/CSS
3º ESO

Test
Las preguntas tipo test penalizan ⅓ del valor de la preguntas
1. ¿Cuál de las siguientes no es una etiqueta conocida en HTML?
a) ol
b) a
c) pre
d) al

2. Si quisiéramos añadir espacio entre diferentes elementos HTML, ¿Qué propiedad del css deberiamos
manejar?
a) Spaccing
b) Padding
c) Margin
d) Distance

3. Si quisiera crear 2 listas ordenadas con 4 items cada una, ¿Qué comando del editor debería utilizar?

a) ol*2>li*4
b) ol>li*4*2
c) (ol>li*4)*2
d) ol>li*2*4

4. ¿Cuál de las siguientes sentencias css para modifcar el borde de un elemento es la correcta?

a) border: solid black 1px;

b) border: 1px solid black;
c) border: 1px black solid;
d) border: black solid 1px;

5. ¿Cuál es la sintaxis correcta para utilizar un selector de clase denominado class?

a) #class
b) class
c) .class
d) class[attr]

6. ¿Cuál de las siguientes afrmaciones es correcta?

a) Padding es la distancia entre elementos
b) Padding es el ancho de cada elementos
c) Padding es la distancia desde el borde al contenido del elemento
d) Padding es la distancia al centro de cada elemento
e)
7. Dado el siguiente código en HTML
<p> Lorem ipsum ...</p>
<p id=”uno”> Lorem ipsum ..</p>
<p class=”uno”> Lorem ipsum </p>
¿Qué selector emplearíamos para seleccionar el elemento en negrita?

a) .uno
b) p
c) #uno
d) p1

1/4
IES Sorolla

8. ¿Cuál sería la sintaxis correcta en el editor para crear una tabla de 3x5 (flas x columnas)

a) table>tr*3>td*5
b) table>tbody>tr*5>td*3
c) table>thead>tr*5>th*3
d) table>tbody>tr*3>td*5

9. ¿Cuál es el signifcado de las siglas HTML?

a) Hyper Text Markup Language
b) Home Tool Markup Language
c) Hyperlinks and Text Markup Language

10. ¿Cuál es la sintaxis correcta para crear un enlace?

a) <a name="http://www.w3schools.com">W3Schools.com</a>
b) <a url="http://www.w3schools.com">W3Schools.com</a>
c) <a href="http://www.w3schools.com">W3Schools</a>
d) <a>http://www.w3schools.com</a>

11. ¿Cuál de los atributos HTML se usa para mostrar un texto alternativo en caso de que la imagen no pueda ser
cargada?
a) title
b) src
c) longdesc
d) alt

2/4
IES Sorolla

Respuesta breve
Emmet

Introduce el código emmet (una sola linea!!!) necesario para generar el siguiente código
html

<div class="rounded">
<img src="" alt="">
<img src="" alt="">
<img src="" alt="">
</div>

codigo emmet:

_________________________________________________________________
<ul>
<li><a href="" class="fa"></a></li>
<li><a href="" class="fa"></a></li>
<li><a href="" class="fa"></a></li>
<li><a href="" class="fa"></a></li>
<li><a href="" class="fa"></a></li>
</ul>

codigo emmet:

_________________________________________________________________
Selectores

Descripción Selector
Todos los elementos de una lista
Las listas ordenadas
La tabla de clase chessboard
Las imágenes descendiente directo de un contenedor div
Los párrafos de clase epigrafe

3/4
IES Sorolla

Práctica . HTML variado

Instrucciones: En un documento nuevo denominado examen.html, crea

1. Crea una tabla de 5x7 (filas x columnas) incluyendo la primera fila como cabecera
(th)
a) Añade borde y padding a cada celda
b) Cambia el color de fondo de la cabecera
c) Centra el texto de la tabla
d) Cambia el tipo de letra de las celdas de datos a courier
2. Crea 10 párrafos con Lorem Ipsum
a) Añade bordes laterales, margen laterales, padding lateral y justifica el texto
b) Añade sangría de primera linea.
3. Crea 3 listas ordenada ordenadas con 4 elementos cada una
a) Completa las listas con información
b) Utiliza la propiedad list-style para cambiar la numeración de las mismas
• Cambia la numeración de la primera a lower-greek
• Cambia la numeración de la segunda a katakana
• Cambia la numeración de la tercera a decimal-leading-zero

4/4