IES Sorolla
---------------------------------------------------------------------------------------------
Nombre y Apellidos: ………………………………………
Curso: ………………………………………
---------------------------------------------------------------------------------------------
Examen HTML/CSS
3º ESO
Test
• Las preguntas tipo test penalizan ⅓ del valor de la preguntas
• Las preguntas marcadas con ☠ son las denominadas preguntas fulminantes y son requisito indispensable para
aprobar el examen.
1. ¿Cuál de las siguientes no es una etiqueta conocida en HTML?
a) ol
b) a
c) il
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 es la sintaxis correcta para utilizar un selector de clase denominado chessboard?
a) #chessboard
b) chessboard
c) .chessboard
d) chessboard[attr]
5. ¿Cuál de las siguientes afirmaciones 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)
6. 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
7. ¿Cuál sería la sintaxis correcta en el editor para crear una tabla de 3x5 (filas 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
8. ¿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>
9. ¿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
10. ¿Cuál es el atajo de teclado para deshacer la última acción (volver atraś)? ☠
a) Ctrl+Z
b) Ctrl+V
c) Ctrl+C
d) Ctrl+N
11. ¿Qué modificador de teclado deberemos mantener pulsado para obtener el carácter “ (comillas dobles)
a) Mayus
b) Bloq Mayus
c) Ctrl
d) Alt
12. ¿Cuál es el atajo de teclado para mostrar la terminal de comandos? ☠
a) Ctrl+Mayus+T
b) Ctrl+T
c) Ctrl+Alt+T
d) Mayus+Alt+T
13. ¿Qué modificador de teclado deberemos mantener pulsado para obtener el carácter “ (comillas dobles)
a) Mayus
b) Bloq Mayus
c) Ctrl
d) Alt
14. ¿Qué atajo de teclado se utiliza para copiar/pegar? ☠
a) Ctrl+X/Ctrl+C
b) Ctrl+V/Ctrl+C
c) Ctrl+Z/Ctrl+V
d) Ctrl+C/Ctrl+V
15. ¿Qué modificador de teclado deberemos mantener pulsado para obtener el carácter “ (comillas dobles)
a) Mayus
b) Bloq Mayus
c) Ctrl
d) Alt
16. Ordena la secuencia de comandos correctamente para publicar los cambios de tu página web en internet.
a) git commit –m ‘examen’
b) git push origin master
c) git status -s
d) git add .
e) git status -s
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
Párrafos impares dentro de un contenedor div
Texto en negrita en un párrafo
Caracter general
1. ¿Qué le faltaría al siguiente comando para que se ejecutase correctamente?
git commit
2. Inserta la fórmula necesaria en la casilla B5 para obtener el total de los tres números
3. ¿Cuál es la finalidad del comando git add?
3/4
IES Sorolla
1. Práctica . HTML
Escribe el código HTML para mostrar un documento similar al que se ve en la imagen.
Escribe solo lo que iría dentro de la etiqueta body.
2. Práctica CSS
Escribe el código que iría en la etiquete style para que los elementos se muestren como en la
imagen.
<p>Lorem...</p>
<p>...
<p>Deserunt ..</p>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
4/4
