wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML Y CSS

Total questions: 50

Worksheet time: 50mins

Name
Class
Date
1.

¿Que significa CSS?

a)

Estilo de hojas en cascada

b)

Cascada de hojas con estilo

c)

Hojas de estilo en cascada

d)

Hojas en cascada con estilo

2.

¿Para que se utiliza el CSS?

a)

Se utiliza para organizar la presentación y aspecto de una página web.

b)

Solo se utiliza para animar elementos de una pagina web.

c)

Para que se vea bonita una aplicacion.

d)

Se utiliza para añadir color, formas, codigo y caracteristicas especiales a una pagina web.

3.

Seleccione la sintaxis correcta de CSS.

a)
b)
c)
d)
4.

¿Cual es la sintaxis para colocar CSS de manera externa?

a)
b)
c)
5.

¿Cual es la manera mas optima para establecer un color a una fuente o elemento?

a)

por Hexadecimal (#FF0000)

b)

por Nombre (Green, red)

c)

por codigo RGB (rgb(255,0,0))

d)

por porcentaje de colores (color(2.0, 3.0, 1))

6.

¿Cual es la salida de un elemento h1, con el estilo de la imagen?

a)
b)
c)
d)
7.

¿Con cuál de los siguientes llamados se hace una referencia a una hoja de estilo externa?

a)

<link rel=stylesheet type=text/css href=style.css />

b)

<link rel="styleshet" type="text/css" href="style.css">

c)

<link rel=stylesheet type=text/css href=style.css>

d)

<link rel="stylesheet" type="text/css" href="style.css" />

8.

En CSS, para cambiar el color de fondo de un elemento se usa

a)

color

b)

bgcolor

c)

background-color

d)

backcolor

9.

Para insertar una imagen en el index.html, debo usar la siguiente codificación:

a)

<img src=logo.jpg>

b)

<img src="logo.gif´ alt="Texto" >

c)

<img src=" logo" />

d)

<img src="logo.png" alt="Texto" />

10.
El valor de este atributo no puede ser duplicado, debe ser único en todo el documento.
a)
ID
b)
class
c)
etiqueta
d)
memoria
11.
Atributo de la etiqueta <audio> y <video> que si no se encuentra el usuario no tendrá manera de manejar la reproducción del elemento.
a)
width
b)
source
c)
controls
d)
src
12.

De la imagen anterior si se desea aplicar la metodología BEM cual de las siguientes respuestas es la que mas se apega a dicha metodología

a)
b)
c)
d)
13.
¿En dónde se utiliza la etiqueta <tr>?
a)
Salto
b)
Negrita
c)
Tabla
d)
Opciones
14.
Usados para el desarrollo de sistemas web
a)
HTML5, CSS3, JavaScript, PHP
b)
C, Lenguaje ensamblador
c)
Ruby, Python, Java
d)
UML
15.

¿Cuál es la mejor manera de aplicar estilos a una página web?

a)

Interna

b)

Externa

c)

En línea

d)

Ninguna de las anteriores

16.

La etiqueta <tag> que debo introducir en la estructura de la página para colocar un título en la pestaña del navegador es:

a)

<head></head>

b)

<img>

c)

<title></title>

d)

<h1></h1>

17.

Etiqueta que debemos introducir para hacer un texto de encabezado

a)

<heading>

b)

<h1></h1>

c)

<head></head>

d)

<encabezadeishong>

18.

¿Cual es la etiqueta para cada elemento de una lista?

a)

<ol>

b)

<li>

c)

<ul>

d)

<p>

19.

¿Como se debe llamar el archivo "home" de un sitio?

a)

home.html

b)

html

c)

index.html

d)

ejercicio.html

20.

¿Cual es la parte de una pagina que es visible al usuario?

a)

entre <body> y </html>

b)

entre <header> y </header>

c)

entre <html> y </html>

d)

entre <body> y </body>

21.

¿Cual es la manera mas optima para establecer un color a una fuente o elemento?

a)

por Hexadecimal (#FF0000)

b)

por Nombre (Green, red)

c)

por codigo RGB (rgb(255,0,0))

d)

por porcentaje de colores (color(2.0, 3.0, 1))

22.

Dentro de estas etiquetas están los elementos generales de la página Web y no son visibles con el navegador Web.

a)

<html> y </html>

b)

<body> y </body>

c)

<title> y </title>

d)

<head> y </head>

23.

Una etiqueta HTML puede estar dentro de otra etiqueta HTML

a)

Verdadero

b)

Falso

24.

¿Qué etiqueta se usa para escribir un párrafo de texto?

a)

<p>texto</p>

b)

<paragraph>texto</paragraph>

c)

<ptext>texto</ptext>

d)

<br>texto</br>

25.

¿Cómo se hace referencia a un documento css externo?

a)

<link rel="stylesheet" href="archivo.css"></link>

b)

<link type="stylesheet" src="archivo.css"></link>

c)

<link rel="stylesheet" href="archivo.css" />

d)

<link type="stylesheet" src="archivo.css" />

26.

¿Cuál de los siguientes encabezamientos mostrará un texto de mayor tamaño por defecto?

a)

<h2>

b)

<h3>

c)

<h5>

d)

<h1>

27.

Para insertar una imagen se utilizan las etiquetas

a)

<img src="miimagen.jpg" />

b)

<i alt="miimagen.jpg" />

c)

<img link="miimagen.jpg" />

d)

<image url="miimagen.jpg" />

28.

¿Qué atributo HTML se usa para definir estilos en línea?

a)

style

b)

class

c)

font

d)

styles

29.

¿Cuál es la sintaxis CSS correcta para agregar color de texto a la etiqueta body?

a)

body {color: black;}

b)

{body:color=black;}

c)

{body;color:black;}

d)

body:color=black;

30.

Propiedad que permite determinar un borde alrededor de un elemento HTML

a)

border

b)

padding

c)

margin

d)

float

31.

Espacio libre entre el contenido y el borde una caja

a)

Margin

b)

Border

c)

Padding

d)

Content

32.

En HTML existe el atributo ‘class’. En relación con los estilos CSS ¿para qué crees que sirve?

a)

Para aplicar unos estilos específicos (que se definen en una hoja CSS interna o externa) a los elementos que tenga la misma clase, es decir, el mismo valor en ese atributo.

b)

Es específico para indicar el color de la fuente que queremos aplicar, Por ejemplo: p class="red" presentaría las letras en rojo de ese párrafo

c)

Para indicar la clase de estilo que vamos a aplicar al elemento/etiqueta HTML que lleva ese atributo: en línea, hoja interna o externa

d)

CSS No tiene que ver con los estilo.

e)

Realmente se utiliza para clasificar el tipo de enlace ('a') que estamos definiendo: vínculo interno o a una página en nuestro mismo dominio o a un sitio web externo

33.

¿Qué está mal en esta regla de estilo?:

.cuadro { border: 1px blue dotted padding: 10px 5px; }

a)

Falta un ';' (punto y coma) al final de la declaración del estilo 'border'

b)

Falta una ',' (coma) entre los dos valores de la propiedad padding (10px 5px)

c)

No se puede poner un '.' (punto) al inicio de una declaración (antes de la palabra 'cuadro)'

d)

A la propiedad border solo se le puede dar un valor y no 3 como aparece aquí: 1px, blue y dotted

34.

¿Cómo se pueden añadir estilos a una página web? (puedes seleccionar más de una respuesta si crees que son correctas)

a)

Dentro de una etiqueta HTML usando el atributo 'style'. Ej: <p style = ".................">

b)

Utilizando una regla @link dentro de una hoja de estilo

c)

Dentro de una Hoja de estilo interna definida entre las etiquetas HTML <style></style>

d)

Con una hoja de estilo externa usando una etiqueta HTML <embed....> que indique su ubicación

e)

Con una hoja de estilo externa usando una etiqueta HTML <link.....> que indique su ubicación

35.

1. ¿Cuál es la forma más eficiente de aplicar estilos CSS en un documento HTML?

a)

En línea

b)

Incrustado en la cabecera (Hoja de estilo interna)

c)

Hojas de estilo externas

d)

Mediante PHP

36.

2. ¿Cuál de las siguientes declaraciones es una propiedad?

a)

h1

b)

background-color

c)

span

d)

p.class

37.

¿Qué propiedad se emplea para cambiar el tipo de letra de un elemento?

a)

text-type

b)

font-type

c)

text-family

d)

font-family

38.

¿Cuál de las siguientes etiquetas representa una CELDA en una tabla en HTML?

a)

<td>

b)

<table>

c)

<tr>

d)

<cel>

39.

¿Cuál de las siguientes etiquetas representa una FILA en la tabla HTML?

a)

<td>

b)

<tr>

c)

<table>

d)

<F>

40.

¿Cuál es la etiqueta para LISTAS ORDENADAS?

a)

<UL>

b)

<OL>

c)

<Li>

41.

CUAL ES EL CODIGO PARA LA LETRA CURSIVA

a)

<u>

b)

<i>

c)

<e>

d)

<y>

42.
Para agregar una lista con viñeta usamos la etiqueta:
a)
<html>
b)
<ul>
c)
<li>
d)
<ol>
43.

En una tabla puedo unir 2 o mas celdas de forma horizontal, esta acción se llama:

a)

Rowspan

b)

Backcolor

c)

Colspan

d)

Marquee

44.

¿Del siguiente código html cuál es el correcto?

a)

<a href="http://marca.com">Ir a Marca</a>

b)

<a src=""http://marca.com">Ir a Marca</a>

c)

<a link=""http://marca.com">Ir a Marca</a>

45.

Que selector cumple con los cuadros en rojo

a)
b)
c)
d)
46.

Que selector cumple con los cuadros en rojo

a)
b)
c)
d)
47.

Que selector cumple con los cuadros en rojo

a)
b)
c)
d)
48.

selecciona el tercer plato utilizando selectores

a)

plate:nth-of-type(odd)

b)

plate#fancy

c)

plate:nth-child(3)

d)

plate:nth-last-child(3)

49.

Selecciona el alimento de vitaly

a)

bento[for="Vitaly"]

b)

bento > orange

c)

bento[id="Vitaly"]

d)

*[for$="Vitaly"]

50.

Usa el selector que seleccione todos los plates y bentos

a)

plate > bento

b)

plate ~ bento

c)

plate, bento

d)

plate + bento

Similar Resources on Wayground

Python Review

54 questions

Python Review

quiz

Worksheet

•

University

PKB - 6

55 questions

PKB - 6

quiz

Worksheet

•

University

ICT 201-250

50 questions

ICT 201-250

quiz

Worksheet

•

University

Davinci Resolve 17 Fusion 101

45 questions

Davinci Resolve 17 Fusion 101

quiz

Worksheet

•

11th Grade - Professi...

UH 1

50 questions

UH 1

quiz

Worksheet

•

University

2nd C Programming Quiz

50 questions

2nd C Programming Quiz

quiz

Worksheet

•

University

Tree dan Graph

50 questions

Tree dan Graph

quiz

Worksheet

•

University

EXAMEN SISTEMAS OPERATIVOS PARCIAL 2

48 questions

EXAMEN SISTEMAS OPERATIVOS PARCIAL 2

quiz

Worksheet

•

University