IES Sorolla
---------------------------------------------------------------------------------------------
Nombre y Apellidos: ………………………………………
Curso: ………………………………………
---------------------------------------------------------------------------------------------
Examen HTML/CSS
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. ¿Cuál es la correcta?
a) <!-- Esto es un comentario en HTML –!>
b) // Esto es un comentario en HTML
c) /* Esto es un comentario en HTML
d) <!-- Esto es un comentario en HTML -->
4. 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
5. ¿Cuál de las siguientes sentencias css para modificar 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;
6. ¿Cuál es la sintaxis correcta para utilizar un selector de clase denominado class?
a) #class
b) class
c) .class
d) class[attr]
7. Si quisiera aplicar un padding superior e inferior de 15px y lateral (derecha e
izquierda) de 20px. ¿Cuál sería la sintaxis correcta en css?
a) padding: 20px 15px;
b) padding: 15px 20px;
c) padding: 15px 15px 20px 20px;
d) padding: 20px 20px 15px 15px;
1/4
IES Sorolla
8. 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
9. ¿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
2/4
IES Sorolla
1. Práctica1. Botones de alerta
1. A partir del siguiente código en HTML no modificable!!
URL([Link] , escribe el código css apropiado para tener una
apariencia similar a la propuesta. Utiliza el pseudoelemento :hover para hacer que
cambie el color del botón cuando pasamos el cursor por encima según la siguente
tabla
Normal Hover
Success #4CAF50 #46a049
Info #2196F3 #0b7dda
Warning #ff9800 #e68a00
Danger #f44336 #da190b
3/4
IES Sorolla
Práctica 2. HTML variado
2. A partir de un documento nuevo en HTML
Crea una tabla de 5x7 (filas x columnas)
a. Añade la cabecera de la tabla. Rellénala con información.
b. Añade borde y padding a cada celda
c. Cambia el color de fondo de la cabecera
d. Centra el texto de la tabla
e. Cambia el tipo de letra de las celdas de datos a courier
Crea 10 párrafos con Lorem Ipsum
Crea 3 listas ordenada ordenadas con 4 elementos cada una
a. Completa las listas con información
a. Cambia la numeración de la primera a lower-greek
b. Cambia la numeración de la segunda a katakana
c. Cambia la numeración de la tercera a decimal-leading-zero
4/4
