Scribd
Cargar
2K vistas

Examen HTML-CSS

Este documento contiene un examen de HTML y CSS dividido en varias secciones. La primera sección contiene 9 preguntas de tipo test sobre conceptos básicos de HTML y CSS. La segunda sección contiene una práctica que pide aplicar estilos CSS a botones según su estado. La tercera sección pide crear varios elementos HTML como una tabla, párrafos y listas ordenadas siguiendo ciertas especificaciones sobre su diseño y contenido.

Cargado por

carlossg01
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
2K vistas

Examen HTML-CSS

Este documento contiene un examen de HTML y CSS dividido en varias secciones. La primera sección contiene 9 preguntas de tipo test sobre conceptos básicos de HTML y CSS. La segunda sección contiene una práctica que pide aplicar estilos CSS a botones según su estado. La tercera sección pide crear varios elementos HTML como una tabla, párrafos y listas ordenadas siguiendo ciertas especificaciones sobre su diseño y contenido.

Cargado por

carlossg01
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
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

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(https://pastebin.com/BQhcsiiQ) , 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

También podría gustarte