Scribd
Cargar
148 vistas

Examen HTML-CSS-2019

Este documento presenta un examen de HTML/CSS para el tercer curso de la escuela secundaria IES Sorolla. Consiste en 16 preguntas de selección múltiple sobre temas como etiquetas HTML, selectores CSS, tablas, enlaces, atajos de teclado y comandos Git. También incluye ejercicios prácticos de codificación HTML y CSS.

Cargado por

carlossg01
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
148 vistas

Examen HTML-CSS-2019

Este documento presenta un examen de HTML/CSS para el tercer curso de la escuela secundaria IES Sorolla. Consiste en 16 preguntas de selección múltiple sobre temas como etiquetas HTML, selectores CSS, tablas, enlaces, atajos de teclado y comandos Git. También incluye ejercicios prácticos de codificación HTML y CSS.

Cargado por

carlossg01
Derechos de autor
© © All Rights Reserved
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 4

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

También podría gustarte