Question 1
Question
El doctype declarado en un documento html lo utilizan los navegadores para:
Answer
-
Mostrar los errores al usuario cuando hay una etiqueta incorrecta
-
Evitar que el navegador muestre la página si se encuentra mal diseñada
-
Permite al navegador saber que versión de html usa el documento
-
Indica que es un documento hecho con hmtl5
Question 2
Question
Las siguientes etiquetas son válidas en un documento html4 o 5
Answer
-
<spun>
-
<div>
-
<font-family>
-
<input>
Question 3
Question
¿Qué etiqueta utilizamos para definir el cuerpo del documento?
Answer
-
<body>
-
<html>
-
<div>
-
<head>
Question 4
Question
¿Cuál es la forma correcta de insertar un comentario en HTML?
Answer
-
//Comentario
-
/*Comentario*/
-
<! Comentario >
-
<!--Comentario-->
Question 5
Question
¿Cuál es la forma correcta de crear un hipervínculo?
Answer
-
<a src="www.google.com">Vínculo</a>
-
<a href="www.google.com">Vínculo</a>
-
<link href="www.google.com"></link>
-
<go href="www.google.com"></go>
Question 6
Question
Elija la forma correcta de insertar una imagen en un documento html.
Answer
-
<img src="img/foto.jpg" />
-
<imagen src="img/foto.jpg" />
-
<img href="img/foto.jpg" />
Question 7
Question
¿Cómo definimos un color en sistema hexadecimal?
Question 8
Question
Escribe las etiquetas que correspondan en el siguiente código html básico, basándose en el texto que contiene o la ubicación en la estructura:
<[blank_start]html[blank_end]>
<[blank_start]head[blank_end]>
<meta charset="UTF-8">
<title>Document</title>
<[blank_start]/head[blank_end]>
<body>
<[blank_start]h1[blank_end]>Título del documento<[blank_start]/h1[blank_end]>
<[blank_start]p[blank_end]>Párrafo con texto<[blank_start]/p[blank_end]>
<[blank_start]ul[blank_end]>
<[blank_start]li[blank_end]>Elemento de la lista 1<[blank_start]/li[blank_end]>
<[blank_start]li[blank_end]>Elemento de la lista 2<[blank_start]/li[blank_end]>
<[blank_start]/ul[blank_end]>
<[blank_start]label[blank_end] for="campo"><[blank_start]/label[blank_end]>
<[blank_start]input[blank_end] type="text" name="campo" />
<[blank_start]input[blank_end] type="submit" value="Enviar" />
</body>
</[blank_start]html[blank_end]>
Answer
-
html
-
head
-
html
-
h1
-
p
-
/p
-
/h1
-
/head
-
ul
-
/ul
-
li
-
/li
-
li
-
/li
-
label
-
/label
-
input
-
input
Question 9
Question
Los tipos de selectores CSS son los siguientes:
Answer
-
etiqueta, clase, id
-
clase, hijo, padre
-
id, etiqueta, raiz
-
directo, indirecto
Question 10
Question
Es posible combinar los tipos de selectores css
Question 11
Question
p{
}
Este selector css aplica estilos a:
Answer
-
Los párrafos ubicados en una llave
-
Todos los párrafos del documento
-
El primer párrafo del cuerpo (body)
-
Los elementos con la clase p
Question 12
Question
div.main
Este selector css aplica estilos a:
Answer
-
El elemento con el id main del documento
-
Cualquier elemento con la clase main
-
Cualquier div con la clase main
-
Los elementos con la clase main dentro de cualquier div
Question 13
Question
#menu li
Este selector css aplica estilos a:
Answer
-
Todos los li dentro de un elemento ul
-
Todos los elementos con id menu y clase li
-
Todos los li dentro de cualquier elemento con el id menu
-
Todos los li dentro de un ul con el id menu
Question 14
Question
#main, label
Este selector css aplica estilos a:
Answer
-
Al elemento con id main y clase label
-
Los elementos label dentro de un elemento con id main
-
Todos los elemento con id main y los elementos label
Question 15
Question
Escriba los atributos correspondientes según el comentario de la derecha:
.miclase{
[blank_start]padding[blank_end]:6px; /*Espacio de 6 pixels entre el borde y lo que contiene dentro*/
[blank_start]background-color:[blank_end] #FFFFFF; /*Fondo blanco del elemento*/
[blank_start]color[blank_end]:#333; /*Color de fuente del texto*/
[blank_start]float[blank_end]: left; /*Envia al elemento a flotar lo más a la izquierda que se pueda*/
[blank_start]display[blank_end]: inline; /*Lo establece como un elemento entre lineas*/
[blank_start]font-size[blank_end]: 12px; /*Tamaño de fuente en 12 pixels*/
[blank_start]width[blank_end]: 50%; /*Ancho del elemento*/
}
Answer
-
padding
-
background-color:
-
color
-
float
-
display
-
font-size
-
width