Test Examen

TEST N° 1
1. Identifica el tipo de elemento, en línea o en bloque, que es cada uno:
Elemento En línea (inline) Bloque (block)

p X
ul X
h4 X
li X
abbr X
img X
2. Describe dos usos o funciones que proporciona la declaración DOCTYPE en una página web.
 Identifica la versión de HTML empleada en la página web.
 Ayuda a una herramienta de validación a realizar la validación y detectar los errores de la página.
 Ayuda a un navegador web a visualizar correctamente la página web.
3. Dispones de dos páginas web, “inicio.html” y “contacto.html” y quieres crear un enlace en “inicio.html”
dirigido a “contacto.html” con el texto "Datos de contacto". Escribe el código HTML necesario para crear ese
enlace.
<a href="contacto.html">Datos de contacto</a>
4. En el directorio “sitioweb” tienes la página web “inicio.html”. Dentro de esa página quieres añadir un
párrafo con el texto “Mis vacaciones en la playa:” y a continuación, dentro de ese mismo párrafo, quieres
incluir una imagen llamada “foto.jpg” que se encuentra en el directorio “cosas” que se encuentra dentro de
“sitioweb”. Escribe el código HTML del párrafo.
<p>Mis vacaciones en la playa: <img src=”cosas/foto.jpg” /></p>
5. Dentro de una página web quieres incluir un fragmento de un discurso de una persona famosa. ¿Cuál es la
etiqueta más apropiada para hacerlo?
<blockquote>, porque permite incluir una cita que ocupe varias líneas. <q> sólo es adecuada para una cita en
línea, sin saltos de línea.
6. Escribe el código HTML5 de un cuadro de texto de un formulario que debe ser rellenado con los apellidos
del usuario antes de que el formulario pueda ser enviado al servidor.
<input type="text" name="apellidos" id="apellidos" required>
7. Nombra tres tipos nuevos de controles tipo <input> en HTML5.
Por ejemplo:
 color  number  search
 date  tel
 email  url
8. ¿Qué etiqueta de HTML5 se emplea para marcar una fecha?
<time>
9. Escribe el código HTML5 mínimo necesario para enlazar una hoja de estilo externa.
<link rel="stylesheet" href="hoja.css">
10. ¿Qué error presenta el siguiente fragmento de HTML5?
<article>
<header>Umbrella Corporation</header>
<p>Article content</p>
<sidebar>Footnotes</sidebar>
</article>
En HTML5 no existe la etiqueta <sidebar>, se debe emplear <aside>.
11. Un párrafo tiene un tamaño de letra definido como 1.25em. Expresado como un porcentaje, ¿cuánto más
grande será el tamaño de letra de este párrafo comparado con el resto de párrafos?
1.25em equivale a 125%, por tanto, es un 25% más grande.
12. Escribe la regla CSS (selector y propiedades) necesaria para que todos los párrafos de una página web
aparezcan en cursiva.
p{
font-style: italic;
}
13. Escribe la regla CSS (selector y propiedades) necesaria para que todos los enlaces de una página web
aparezcan:
 Con el color rojo cuando el cursor del ratón se sitúe encima de ellos.
 Con el color verde cuando el foco del teclado se sitúe en ellos.
a:hover {
color: red;
}
a:focus {
color: green;
}
14. Escribe la regla CSS (selector y propiedades) necesaria para que todos los elementos de una lista que tenga
la clase “importante” y que se encuentre dentro de un contenedor <div> con la clase “destacado” aparezcan
con el color rojo.
div.destacado ul.importante li {
color: red;
}
15. ¿Qué error presenta el siguiente fragmento de CSS?
h1 {
font-face: Georgia, Cambria, sans-serif;
font-size: 24px;
}
p{
font-face: Arial, Verdana, Calibri, serif;
font-size: 16px;
}
La propiedad font-face no existe en CSS, se debe usar font-family.
TEST N° 2
1. ¿Cuál es la forma más eficiente de aplicar estilos CSS en un documento HTML?
Hojas de estilo externas.
2. ¿Cuáles de las siguientes declaraciones son propiedades o atributos?
background-color
3. ¿Cuáles de las siguientes declaraciones son selectores?
p
4. ¿Cómo se define un color de fondo para todas las etiquetas "p" en CSS?
p {background-color:red;}
5. ¿Con qué propiedad se define el espacio entre el borde de un elemento y los elementos que lo rodean?
Margin
6. ¿Cómo se cambia el valor del margen derecho de un elemento?
margin-right
7. ¿Qué significa CSS?
Cascading Style Sheets
8. ¿Cómo se indica que el color del texto es de color rojo?
color: red
color: #FF0000
color: RGB(255, 0, 0)
Todas las respuestas son correctas
9. ¿Cómo se indica que todos los elementos "span" tienen el texto en negrita?
span {font-weight:bold}
10. ¿Qué propiedad se emplea para cambiar el tipo de letra de un elemento?
font-family
TEST N° 3
- ¿Cuál es la sintaxis correcta en HTML para referirse a una hoja de estilo externa?
- ¿Cómo definimos en CSS que el elemento "p" este en negrita?

p{font-weight:bold}
- ¿Qué propiedad usamos para establecer el color de fondo?
background-color:
- ¿Qué propiedad usamos para darle a un texto el efecto de subrayado?
text-decoration:underline
- ¿Cómo definimos los ítems de una lista para que muestre números romanos en mayúscula?
ol{list-style-type:upper-roman}
- ¿Qué propiedad utilizamos para definir el tipo de fuente?
font-family:
- ¿Cuál es la sintaxis correcta en CSS?
p{ color:red;}
- ¿Qué atributo de HTML se usa para definir un estilo entre líneas?
Style
- ¿Qué propiedad utilizamos para definir el margen derecho en CSS?
margin-right:
- ¿Cómo definimos un comentario en CSS?
/*Comentario*/
- ¿Qué propiedad utilizamos para definir una imagen como fondo?
background-attachment:
background-img:
background-src:
Ninguna de las anteriores
- ¿Qué significa CSS?
Cascading Style Sheets
TEST N° 4
1-. Una página con extensión htm o html comienza por html (entre signos mayor y menor)
 Verdadero
 Falso
2-. Para insertar una fila en una tabla usamos td (entre signos menor y mayor)
 Verdadero
 Falso
Las filas se indican con la etiqueta, las celdas con la etiqueta
3-. Para comenzar un formulario usamos formulary (entre signos mayor y menor)
 Verdadero
 Falso
La etiqueta correcta es: form
4-. El <title> se encuentra dentro del <body> en una página web
 Verdadero
 Falso
El title de una página se encuentra en el head
5-. El <input type=submit> se usa para ejecutar el action de un formulario
 Verdadero
 Falso
6-. Para sacar una lista desplegable se usa <select>
 Verdadero
 Falso
7-. Para crear una celda de una tabla se usa <td>
 Verdadero
 Falso
8-. Para centrar se puede usar <center>
 Verdadero
 Falso
Aunque ya está en des-uso funciona correctamente.
9-. Los input type=radio con el mismo name hacen que sólo se pueda seleccionar una opción entre
ellos
 Verdadero
 Falso
Pregunta no contestada
10-. Los textarea sirven para introducir en un formulario varias líneas de texto
 Verdadero
 Falso
11-. ¿Qué entiende por HTML?
 HyperTextMaskLanguage
 HardTextMarkupLanguage
 HyperTextMarkupLanguage
12-. ¿Qué etiqueta utilizamos para definir el cuerpo del documento?
 background
 body
 b
13-. ¿Qué etiqueta utilizamos para insertar una línea horizontal?
 br
 hr
 line
14-. ¿Cuál es la forma correcta de insertar un comentario?
 !--...--
 ¡--...--!
 comment
15-. Elija la etiqueta apropiada para un texto en negrita.
 bold
 bb
 b
16-. ¿Cuál es la forma correcta de crear un vínculo a la página principal de Tutorial Monsters?
 a target="http://www.tutorialmonsters.com"
 a href="http://www.tutorialmonsters.com"
 a url="http://www.tutorialmonsters.com"
17-. ¿Qué etiqueta define la fila de una tabla?
 tr
 td
 row
18-. ¿Qué etiqueta define una lista ordenada?
 ol
 ul
 li
19-. Elija la etiqueta apropiada para hacer una lista desplegable.
 inputtype="list"
 inputtype="menu"
 select
20-. ¿Cómo definimos un área de texto?
 textarea
 input type="textarea"
 input type="text"
21-. Elija la forma correcta de ingresar una imagen.
 imgsrc="foto.jpg"
 imagen src="foto.jpg"
 imghref="foto.jpg"
22-. ¿Cómo definimos un color en sistema hexadecimal?
 beige
 245,245,220
 #F5F5DC
23-. ¿Qué etiquetas pueden figurar en la sección <head>?
 style, meta, table
 link, title, base
 link, meta, p
24-. ¿Cómo mandamos un e-mail al webmaster de Tutorial Monsters a partir de un vínculo?
 a mail="[email protected]"
 a mailto="[email protected]"
 a href="mailto:[email protected]"
25-. ¿Qué es padding?
 Establece la anchura de algunas o todas las zonas de relleno de los elementos
 Define el espacio entre el borde de la celda y su contenido
 Define el espacio entre celdas de una tabla
26-. ¿Cómo definimos un texto alternativo para una imagen?
 imgsrc="foto.jpg" alt="texto alternativo"
 imgsrc="foto.jpg" value="texto alternativo"
 imgsrc="foto.jpg" text="texto alternativo"
27-. ¿Qué etiqueta define un salto de línea?
 br
 break
 linebreak
28-. ¿Cómo colocamos una imagen de fondo de un elemento con CSS?
 td background="..."
 background-image
 background
29-. Elija la etiqueta que nos da el título más grande
 h1
 h6
 head
30-. ¿Cómo hacemos para abrir un vínculo en otra ventana?
 a href="www.algunsitio.com" new
 a href="www.algunsitio.com" target="_new"
 a href="www.algunsitio.com" target="_blank"
TEST N° 5
¿Cuál es el lenguaje estándar específico para aplicar estilos de presentación a nuestras páginas web?
 Javascript
 Flash
 CSS
Con Javascript podemos aplicar/modiicar estilos pero basándonos en CSS. Flash no es un estándar (es software
propietario de Adobe) que abarca además otras funcionalidades
¿Qué es XHTML?
 La adaptación del estándar HTML según las reglas XML
 Es el HTML dinámico
 Es la como se conoce a la familia genérica de las distintas versiones de HTML
¿Cuál crees que es la mejor manera de aplicar estilos a una página web?
 Incluir los estilos en las etiquetas HTML para que se carguen y ejecuten antes
 Incluirlos en un fichero externo vinculado a ese fichero HTML
 Incluirlos en la sección cabecera ('head') para agruparlos en un mismo sitio en la misma página
La práctica recomendada es en un fichero externo. Separamos mejor la presentación del contenido, facilita el
mantenimiento, la reutilización en múltiples páginas y podemos aplicar distintos estilos según la
configuración/dispositivo del cliente
¿Por qué es conveniente incluir la declaración de DOCTYPE en la página HTML?

 Si no se incluye el navegador no puede renderizar (mostrar) la página
 Para evitar que el navegador entre en 'Quirk Mode' y la interprete/muestre mal
 Para indicar si se ha utilizado o no Flash
Los navegadores pueden interpretar el etiquetado HTML en diversos modos y la declaración de DOCTYPE
les indica que tipo de codificación/versión se ha empleado.
¿Para qué sirve el atributo 'class'?
 Para clasificar el tipo de enlace ('a') que estamos definiendo: 'salto' interno, vínculo a página en el
mismo dominio o a un sitio web externo
 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
 Para aplicar unos determinados estilos a los elementos que tenga la misma clase, es decir, el
mismo valor en ese atributo.
¿Qué función tiene el elemento 'div'?
 Es un elemento divisor, y hace que el navegador muestre una línea horizontal de separación (por ejemplo entre
secciones de la página)
 Es un contenedor. Crea bloques, por ejemplo para diferenciar distintas secciones de una página
(cabecera, pie, columnas…)
 Permite realizar una operación aritmética de división en los valores numéricos de una tabla (también se utiliza
'sum' y 'dif' para suma y resta)
¿Qué está mal en esta regla de estilo?: .cuadro {border: 1px blue dotted padding: 10px 5px; }
 Falta un ';' (punto y coma) al final de la declaración del estilo 'border'
 falta una ',' (coma) entre los dos valores de la propiedad padding (10px 5px)
 no se puede poner un '.' (punto) al inicio de una declaración (antes de la palabra 'cuadro)'
El '.' (Punto) hace referencia a una clase (clases), en este caso llamada 'cuadro'. Los valores en padding se pueden
separar con espacio.
¿Qué significa que una etiqueta/elemento está 'deprecated' en HTML?

 Que si la utilizamos no la entenderán (y no se podrá visualizar bien) en los navegadores
 Que ya no forma parte de las especificaciones de la esa versión concreta del estándar HTML
 Que ha cambiado de nombre ese elemento en la siguiente versión de HTML
Los navegadores más actualizados siguen 'entendiendo' los elementos 'deprecated' aunque estos hayan sido
'desaprobados/descontinuados' en el estándar
Si incluimos una etiqueta de este tipo en nuestra página HTML, ¿qué queremos que haga el navegador?: <img
src="../icono.gif" />
 que incluya la imagen 'icono.gif' que se encuentra en el directorio padre de la carpeta donde está
nuestra página HTML
 que incluya la imagen 'icono.gif' que se encuentra en la misma carpeta donde está nuestra página
HTML
 que incluya la imagen 'icono.gif' que se encuentra en el directorio 'img'
Los '..' (dos puntos) hace que vaya a buscar la imagen al directorio padre (de nivel superior).
¿Cómo se incluye un comentario nuestro en una página HTML para que no se interprete por el navegador?
 Con 3 asteriscos al principio y final del comentario. Ej: ***comentario sobre el código***
 Con 3 barras' al principio y final del comentario. Ej: ///comentario sobre el código///
 Con la etiqueta de apertura ' al principio y final del comentario. Ej:

Test Examen

Cargado por

Copyright:

Formatos disponibles

Test Examen

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Test Examen

Cargado por

Copyright:

Formatos disponibles

TEST N° 1

1. Identifica el tipo de elemento, en línea o en bloque, que es cada uno:

Elemento En línea (inline) Bloque (block)

- ¿Cómo definimos en CSS que el elemento "p" este en negrita?

¿Por qué es conveniente incluir la declaración de DOCTYPE en la página HTML?

¿Qué significa que una etiqueta/elemento está 'deprecated' en HTML?

También podría gustarte