wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Diagnostico Fundamentos

Total questions: 30

Worksheet time: 15mins

Name
Class
Date
1.

“_______” ha venido a solucionar, entre otras cosas, la falta de un criterio para definir el contenido semántico de una página web agregando una serie de etiquetas destinadas a facilitar la estructura del documento desde el punto de vista de su significado”

a)

Meta Charset

b)

Head

c)

HTML5

d)

Body

e)

Section

2.

Complete con la respuesta correcta: “Esta etiqueta sirve para agrupar elementos relacionados entre sí de forma temática. Los _______ creados a nivel del body serán aquellos cuyo contenido de significado a la página, o sea, formen el contenido principal de la misma.

a)

article

b)

section

c)

header

d)

nav

e)

footer

3.

No es un atributo para un formulario:

a)

action

b)

method

c)

name

d)

id

e)

server

4.

Es una etiqueta para agrupar diversos contenidos en una página Web:

a)

a

b)

div

c)

hr

d)

img

e)

b

5.

Significa marca o etiqueta, ya que todas las páginas web están construidas en base a etiquetas, desde las primeras versiones hasta las últimas etiquetas de HTML5.

a)

Markup

b)

Hyper

c)

Text

d)

Lenguaje

e)

HTML

6.

Indique ¿Qué significa las siglas HTML?

a)

Lenguaje de etiquetas de texto

b)

Lenguaje de señalización web

c)

Lenguaje de estandarización de híper texto

d)

Lenguaje de programación orientado a objetos

e)

Lenguaje de marcado de híper texto

7.

Indique ¿Cuál no es parte de los nuevos elementos semánticos en HTML5?

a)

header

b)

section

c)

footer

d)

head

e)

aside

8.

Indique ¿Qué función cumple el atributo placeholder en HTML5?

a)

Permite poner agregar información de forma automática dentro del elemento input dentro del mismo elemento

b)

Permite poner agregar información de forma manual dentro del elemento form dentro del mismo elemento

c)

Permite poner información sobre lo que hay que insertar dentro del elemento input dentro del mismo elemento

d)

Permite enviar información en segundo plano cuando se envía el formulario

e)

Permite identificar el tipo de envió de formulario a través del POST

9.

Indique ¿Cuál es concepto de Frontend?

a)

Es la parte del software a través de la se interactúa con los usuarios   

b)

Es aquella que procesa las entradas desde el backend

c)

Es la parte que se encuentra en el perímetro del servidor web

d)

Es la frontera del código estático y dinámico

e)

Es la parte del software a través del cual el servidor procesa el código fuente

10.

¿Qué es un framework?

a)

Interfaz de programación de aplicaciones

b)

Esquema (patrón, plantilla) para el desarrollo

c)

Es un Software que tiene un propósito específico

d)

Errores descubiertos al ejecutar cualquier programa

11.

¿Qué es un IDE?

a)

Es un formato para almacenar

b)

Hojas de Estilo en Cascada

c)

Consiste en un editor de código

d)

Es un lenguaje de programación

12.

¿Cuál de los siguientes no es un rol del frontend?

a)

UI Developer/Engineer

b)

Server administrator

c)

Mobile/Tablet Front-End Developer

d)

Front-End Dev. Ops

13.

¿Quién es el que se encarga de la lógica del código?

a)

CSS/HTML Developer

b)

Front-End Testing/QA

c)

Database Administrator

d)

Backend developer

14.

¿Qué rol se encarga de posicionar la página en los buscadores?

a)

QA(Quality Assurance)

b)

Project Manager

c)

SEO (Search Engine Optimization)

d)

CRO (Conversion Rate Optimization)

15.

Tecnología que permite personalizar la presentación/diseño de las páginas web.

a)

DOM

b)

CSS

c)

HTML

d)

AJAX

16.

El Elemento HTML que crea un enlace a otras páginas de internet, archivos o ubicaciones dentro de la misma página, direcciones de correo, o cualquier otra URL.

a)

<br>

b)

<h1>

c)

<section>

d)

<a>

17.

body {

Font-family: Verdana, Arial, Helvetica, sans-serif;

}

a)

Esta regla se aplica a la etiqueta <body> como selector y define la propiedad font-family, aplicable a todos los elementos de texto definidos en el cuerpo de la pagina web.

b)

El resultado de este ejemplo seria un texto de color purpura, ya que los selectores de clase son más específicos que los selectores de etiqueta.

c)

A y B son verdaderas

d)

A y B son falsas

18.

Seleccione la etiqueta correcta para escribir un título

a)

p

b)

br

c)

h1

d)

hr

19.

Etiqueta que permite insertar un pie de página en una WEB

a)

body

b)

header

c)

head

d)

footer

20.

Define CSS

a)

Hoja de datos en cascada

b)

Hoja de estilos en cascada

c)

Hoja de imágenes en cascada

d)

Hoja de etiquetas en cascada con html

21.

Podemos ver el código fuente de una página web. Basta con dar clic derecho sobre ella y seguimos los pasos.

a)

Verdadero

b)

Falso

22.

Seleccione las etiquetas que se pueden repetir en una página web

a)

h2

b)

body

c)

h1

d)

p

23.

A través de ésta etiqueta podemos crear un menú

a)

footer

b)

styles

c)

head o header

d)

nav o navbar

24.

Si deseamos cambiar el tamaño de fuente en CSS, usamos:

a)

background

b)

font-size

c)

font

d)

div

25.

Qué es Bootstrap

a)

Framework (biblioteca front-end) para el mantenimiento de aplicaciones web

b)

Framework (biblioteca back-end) para desarrollar aplicaciones web

c)

Framework (biblioteca front-end) para desarrollar aplicaciones web

d)

Framework (biblioteca back-end) para desarrollar aplicaciones móviles

26.

Explique el código de la línea 7

a)

Permite enlazar html con una hoja de estilos en css

b)

Permite hacer un link

c)

Permite linkear un stylesheet con una base de datos

d)

Permite insertar el título principal de una web usando css

27.

Etiqueta donde va el título de la página WEB

a)

indez

b)

title

c)

titulo

d)

h6

28.

Seleccione un editor de código

a)

HTML

b)

CSS

c)

Visual Studio

d)

Visual Studio Code

29.

Seleccione la etiqueta que no es recomendable repetir dentro del código fuente

a)

div

b)

h6

c)

h1

d)

p

30.

Es totalmente obligatorio que el archivo css, tenga el nombre: estilos.css

a)

Verdadero

b)

Falso