wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Html y css

Total questions: 32

Worksheet time: 40mins

Name
Class
Date
1.

¿Para qué se utiliza la etiqueta header?

a)

Para definir un pie de página

b)

Para mostrar una tabla

c)

Para definir un encabezado

d)

Para crear títulos

2.

¿Qué significa la sigla HTML?

a)

Hypertext Match Language

b)

Hypertext Markup League

c)

Hypertext Manual Language

d)

Hypertext Markup Language

3.

¿Cuáles de los siguientes son valores posibles para la propiedades position? (seleccione 3)

a)

inline

b)

relative

c)

absolute

d)

fixed

4.

¿La etiqueta <br> requiere de un cierre como las demás etiquetas, como por ejemplo

<h1></h1>?

a)

Verdadero

b)

Falso

5.

¿Cuál de los siguientes NO es un atributo?

a)

class

b)

href

c)

p

d)

src

6.

¿El subtítulo h6 es más grande que el subtítulo h3?

a)

Verdadero

b)

Falso

7.

¿Para qué se usa el lenguaje CSS?

a)

Para darle color a la página

b)

Para ponerle estilo a los elementos de una página web

c)

Para decorar texto

d)

Ninguna de las anteriores

8.

¿Cuál es la función de esta etiqueta? :

<a href=” “>mensaje</a>

a)

Hacer el texto más largo

b)

Crear links

c)

Incorrect


Hacer líneas horizontales

d)

Delinear palabras

9.

¿Cuál etiqueta de estilo cambia el color de letra?

a)

font-size

b)

Text-aligne

c)

color

d)

Bakgraund-color

10.

¿Si mi archivo CSS se llama estilo123, como lo enlazo en un archivo HTML?

a)

<link href = “estilo123.css”>

b)

<link href = “123.css”>

c)

<link href = “estilo123.js”>

d)

<link href = “estilo123.html”>

11.

¿Para qué se utiliza la etiqueta <tr>?

a)

Para especificar el título de una tabla

b)

Para crear una columna dentro de una tabla

c)

Para crear una tabla

d)

Para crear una fila dentro de una tabla

12.

Un elemento HTML puede tener tantas clases como queramos y las indicamos en su atributo class separadas cada una por un espacio.?

a)

Verdadero

b)

Falso

13.

Indica la afirmación que no corresponde

a)

Las dimensiones se pueden modificar con la variación de pixeles.

b)

Se puede dar un estilo con style

c)

Todos los archivos a utilizar deben estar en una sola carpeta personalizada.

d)

Todas son correctas

14.

¿Para que sirve java script ?

a)

Es un lenguaje de programación ligero que hace referencia a los enlaces que conectan páginas web.

b)

Crear páginas con diseños y dinámicas asociadas al desarrollo de la web.

c)

Permite un formato personalizado para las etiquetas HTML

d)

Permite insertar imágenes adaptadas al tamaño de HTML

15.

¿Para qué se utiliza la etiqueta <nav>?

a)

Es un lenguaje de programación ligero que hace referencia a los enlaces que conectan páginas web.

b)

Permite un formato personalizado para las etiquetas HTML

c)

Permite insertar imágenes adaptadas al tamaño de HTML

d)

Crear páginas con diseños y dinámicas asociadas al desarrollo de la web.

16.

El valor de este atributo no puede ser duplicado, debe ser único en todo el documento.

a)

Class

b)

ById

c)

Id

d)

Get

17.

¿Que significa CSS?

a)

Hojas en cascada con estilo

b)

Hojas de estilo en cascada

c)

Cascada de hojas con estilo

d)

Estilo de hojas en cascada

18.

¿Qué etiquetas pueden figurar en la sección <head>?

a)

<link>, <meta>, <p>

b)

<title>,meta>,<p>

c)

<link>,<title>,<meta>

d)

<link>,<style>, <table>

19.

Me permite realizar acciones con un clic?

a)

unclick

b)

onnclick

c)

onclick

d)

unnclick

20.

¿Qué etiqueta utilizas para enlazar o unir un archivo CSS?

a)

<enlazar>

b)

<script>

c)

<a>

d)

<link>

21.

Es un atributo más flexible y puede ser asignado a cada elemento HTML que comparte un diseño similar, se referencia por medio de un punto .

a)

a

b)

div

c)

br

d)

class

22.

En las tablas ¿Qué etiqueta utilizas para realizar columnas?

a)

<dt>

b)

<tc>

c)

<td>

d)

<tt>

23.

Que símbolo representa que he terminado de escribir mi código.

a)

Símbolo %

b)

Símbolo /

c)

Símbolo -

d)

Símbolo >

24.

¿Para qué se utiliza la codificación <META CHARSET=UTF-8 "> en una página Web?

a)

Para diferenciar entre el Inglés y el español.

b)

Para escribir correctamente las instrucciones.

c)

Para definir el idioma español de la página Web

d)

Para usar y visualizar correctamente las ñ y los acentos.

25.

En las tablas ¿Qué etiqueta utilizas para realizar filas?

a)

<td>

b)

<rt>

c)

<tr>

d)

<ttr>

26.

Indique cuál de las siguientes opciones no es una unidad de medida en CSS

a)

rem

b)

hv

c)

pls

d)

em

27.

¿Cuál es la diferencia que hay entre colores en formato RGB y RGBA?

a)

El RGBA permite controlar la transferencia de los colores y el RGB no lo permite

b)

RGBA puede representar más colores que RGB

c)

Ambos formatos son exactamente iguales

d)

Ninguna de las anteriores

28.

El siguiente código esta escrito en CSS:

h1{ text-align: center; color: blue; text-shadow: yellow 5px -5px }

¿Qué alternativa es correcta?

a)

Titulo en azul con sombra amarilla

b)

Titulo amarillo sombra azul

c)

Sombra azul titulo amarillo

d)

Ninguna de las anteriores

29.

RGB es un formato de 3 canales que contiene datos para Rojo, Verde y

a)

Cafe

b)

Azul

c)

Negro

d)

Ninguno de los anteriores

30.

Con esta etiqueta <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" /> enlazamos un/a:

a)

App de Googgle

b)

Código javascript

c)

Fuente web

d)

Hoja de estilos externa

31.

La propiedad CSS margin: 10em 5em significa:

a)

margin-top, margin-right = 10em y margin-bottom, margin-left = 5em

b)

margin-top, margin-bottom = 10em y margin-right, margin-left = 5em

c)

margin-right, margin-left = 10em y margin-top, margin-bottom = 5em

d)

margin-top, margin-left = 10em y margin-bottom, margin-right = 5em

32.

La propiedad CSS flex es una propiedad resumida que indica la capacidad de un elemento flexible para alterar sus dimensiones y llenar el espacio disponible. flex-direction: row establece el eje horizontal como eje principal ( main axis ); flex-direction: column pasa todo lo contrario: el eje vertical es el eje principal ( main axis ).

Supongamos que tenemos un contenedor y le agregamos las propiedades: display: flex y Flex-direction: reverse, ¿Qué efecto tendrían estas dos instrucciones sobre los elementos dentro del contenedor?

a)

Alinear los elementos de manera diagonal

b)

Alinear los elementos de derecha a izquierda

c)

Alinea los elementos de arriba hacia abajo

d)

Alinea los elementos de manera inversa en tos los sentidos