Lhuis .
Test por , creado hace más de 1 año

Test diagnóstico HTML - CSS

1638
4
0
Lhuis .
Creado por Lhuis . hace más de 9 años
Cerrar

Control HTML - CSS / Prototipado Web

Pregunta 1 de 50

1

¿Cuál es el lenguaje estándar específico para aplicar estilos de presentación a nuestras páginas web?

Selecciona una o más de las siguientes respuestas posibles:

  • Javascript

  • Flash

  • CSS

Explicación

Pregunta 2 de 50

1

¿Qué es XHTML?

Selecciona una o más de las siguientes respuestas posibles:

  • La adaptación del estándar HTML según las reglas XML

  • Es el HTML dinámico

  • Es como se conoce a la familia genérica de las distintas versiones de HTML

Explicación

Pregunta 3 de 50

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • 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

Explicación

Pregunta 4 de 50

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • 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

Explicación

Pregunta 5 de 50

1

¿Para que sirve el atributo "class"?

Selecciona una o más de las siguientes respuestas posibles:

  • 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 determinados estilos a los elementos que tenga la misma clase, es decir, el mismo valor en ese atributo.

Explicación

Pregunta 6 de 50

1

¿Qué función tiene el elemento "div"?

Selecciona una o más de las siguientes respuestas posibles:

  • 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, pié, columnas...)

  • Permite realizar una operación arirmética de división en los valores númericos de una tabla (también se utiliza "sum" y "dif" para suma y resta)

Explicación

Pregunta 7 de 50

1

¿Qué está mal en esta regla de estilo?
.cuadro { border: 1px blue dotted padding: 10px 5px; }

Selecciona una o más de las siguientes respuestas posibles:

  • 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)'

Explicación

Pregunta 8 de 50

1

¿Qué significa que una etiqueta/elemento está "deprecated" en HTML4?

Selecciona una o más de las siguientes respuestas posibles:

  • Que si la utilizamos no la entenderán (y no se podrá visualizar bien) las versiones más modernas de los navegadores

  • Que ya no forma parte de las especificaciones de la versión 4 del estándar HTML

  • Que ha cambiado de nombre ese elemento en la versión 4 de HTML

Explicación

Pregunta 9 de 50

1

Si incluimos una etiqueta de este tipo en nuestra página HTML, ¿qué queremos que haga el navegador?
<img src="../icono.gif" />

Selecciona una o más de las siguientes respuestas posibles:

  • 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'

Explicación

Pregunta 10 de 50

1

¡Cómo se incluye un comentario nuestro en una página HTML para que no se interprete por el navegador?

Selecciona una o más de las siguientes respuestas posibles:

  • 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: <!--comentario sobre el código-->

Explicación

Pregunta 11 de 50

1

¿Qué entiende por HTML?

Selecciona una o más de las siguientes respuestas posibles:

  • Hyper Text Mask Language

  • Hard Text Markup Language

  • Hyper Text Markup Language

Explicación

Pregunta 12 de 50

1

¿Qué etiqueta utilizamos para definir el cuerpo del documento?

Selecciona una o más de las siguientes respuestas posibles:

  • <background>

  • <body>

  • <b>

Explicación

Pregunta 13 de 50

1

¿Qué etiqueta utilizamos para insertar una línea horizontal?

Selecciona una o más de las siguientes respuestas posibles:

  • <br>

  • <hr>

  • <line>

Explicación

Pregunta 14 de 50

1

¿Cuál es la forma correcta de insertar un comentario?

Selecciona una o más de las siguientes respuestas posibles:

  • <!--...-->

  • <¡--...--!>

  • <comment>

Explicación

Pregunta 15 de 50

1

Elija la etiqueta apropiada para un texto en negrita.

Selecciona una o más de las siguientes respuestas posibles:

  • <bold>

  • <bb>

  • <b>

Explicación

Pregunta 16 de 50

1

¿Cuál es la forma correcta de crear un vínculo?

Selecciona una o más de las siguientes respuestas posibles:

  • <a target="http://www.unsitio.com">...</a>

  • <a href="http://www.unsitio.com">...</a>

  • <a url="http://www.unsitio.com">...</a>

Explicación

Pregunta 17 de 50

1

¿Qué etiqueta define la fila de una tabla?

Selecciona una o más de las siguientes respuestas posibles:

  • <tr>

  • <td>

  • <row>

Explicación

Pregunta 18 de 50

1

¿Qué etiqueta define una lista ordenada?

Selecciona una o más de las siguientes respuestas posibles:

  • <ol>

  • <ul>

  • <li>

Explicación

Pregunta 19 de 50

1

Elija la etiqueta apropiada para hacer una lista desplegable.

Selecciona una o más de las siguientes respuestas posibles:

  • <input type="list">>

  • <input type="menu">>

  • <select>

Explicación

Pregunta 20 de 50

1

¿Cómo definimos un área de texto?

Selecciona una o más de las siguientes respuestas posibles:

  • <textarea>

  • <input type="textarea">

  • <input type="text">

Explicación

Pregunta 21 de 50

1

Elija la forma correcta de ingresar una imagen.

Selecciona una o más de las siguientes respuestas posibles:

  • <img src="/foto.jpg">

  • <imagen src="/foto.jpg">

  • <img href="/foto.jpg">

Explicación

Pregunta 22 de 50

1

¿Cómo definimos un color en sistema hexadecimal?

Selecciona una o más de las siguientes respuestas posibles:

  • <red>

  • <245,245,220>

  • <#F5F5DC>

Explicación

Pregunta 23 de 50

1

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

Selecciona una o más de las siguientes respuestas posibles:

  • <style>, <meta>, <table>

  • <link>, <title>, <base>

  • <link>, <meta>, <p>

Explicación

Pregunta 24 de 50

1

¿Cómo mandamos un e-mail a partir de un vínculo?

Selecciona una o más de las siguientes respuestas posibles:

  • <a mail="alguien@yahoo.com">...</a>

  • <a mailto="alguien@yahoo.com">...</a>

  • <a href="mailto:alguien@yahoo.com">...</a>

Explicación

Pregunta 25 de 50

1

¿Qué es cellspadding?

Selecciona una o más de las siguientes respuestas posibles:

  • Define el espacio entre celdas de una tabla.

  • Define los títulos de una tabla.

  • Define el espacio entre el borde de la celda y su contenido.

Explicación

Pregunta 26 de 50

1

¿Cómo definimos un texto alternativo para una imagen?

Selecciona una o más de las siguientes respuestas posibles:

  • <img src="/foto.jpg" alt="texto alternativo">

  • <img src="/foto.jpg" value="texto alternativo">

  • <img src="/foto.jpg" text="texto alternativo">

Explicación

Pregunta 27 de 50

1

¿Qué etiqueta define un salto de línea?

Selecciona una o más de las siguientes respuestas posibles:

  • <br>

  • <break>

  • <linebreak>

Explicación

Pregunta 28 de 50

1

¿Cómo colocamos una imagen de fondo en una celda de una tabla?

Selecciona una o más de las siguientes respuestas posibles:

  • <tr bgcolor="...">...</tr>

  • <tr background="...">...</tr>

  • <td background="...">...</td>

Explicación

Pregunta 29 de 50

1

Elija la etiqueta que nos dá el título más grande

Selecciona una o más de las siguientes respuestas posibles:

  • <h1>

  • <h6>

  • <head>

Explicación

Pregunta 30 de 50

1

¿Cómo hacemos para abrir un vínculo en otra ventana?

Selecciona una o más de las siguientes respuestas posibles:

  • <a href="/www.algunsitio.com" new>...</a>

  • <a href="/www.algunsitio.com" target="_new">...</a>

  • <a href="/www.algunsitio.com" target="_blank">...</a>

Explicación

Pregunta 31 de 50

1

¿Qué entiendes por CSS?

Selecciona una o más de las siguientes respuestas posibles:

  • Creative Style System

  • Class Style Sheets

  • Cascading Style Sheets

  • Cascading Style System

Explicación

Pregunta 32 de 50

1

¿Cuál es la sintaxis correcta en CSS?

Selecciona una o más de las siguientes respuestas posibles:

  • {p=color:red}

  • {p:color=red}

  • p{color=red}

  • p{color:red}

Explicación

Pregunta 33 de 50

1

¿Qué atributo de HTML se usa para definir un estilo entre líneas?

Selecciona una o más de las siguientes respuestas posibles:

  • code

  • style

  • name

  • value

Explicación

Pregunta 34 de 50

1

¿Cuál es la sintaxis correcta en HTML para referirse a una hoja de estilo externa?

Selecciona una o más de las siguientes respuestas posibles:

  • <css rel="estilos.css">

  • <style src="/estilos.css">

  • <link src="/stylesheet" name="text/css" href="/estilos.css">

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

Explicación

Pregunta 35 de 50

1

¿Qué propiedad usamos para establecer el color de fondo en CSS?

Selecciona una o más de las siguientes respuestas posibles:

  • background-color:

  • color:

  • bgcolor:

  • style-color:

Explicación

Pregunta 36 de 50

1

¿Qué propiedad CSS usamos para dar a un texto el efecto de subrayado?

Selecciona una o más de las siguientes respuestas posibles:

  • text-transform:lowercase

  • text-decoration:line-through

  • text-decoration:underline

  • text-transform:underline

Explicación

Pregunta 37 de 50

1

¿Cuál es la sintaxis correcta CSS a utilizar para dejar 10 píxels entre palabras?

Selecciona una o más de las siguientes respuestas posibles:

  • p{word-spacing:10px}

  • p{letter-spacing:10px}

  • p{white-space:10px}

  • Ninguna de las anteriores.

Explicación

Pregunta 38 de 50

1

¿Qué propiedad CSS utilizamos para definir el tipo de fuente?

Selecciona una o más de las siguientes respuestas posibles:

  • font-family:

  • font-style:

  • font-type:

  • font-variant:

Explicación

Pregunta 39 de 50

1

¿Cómo definimos en CSS que el elemento <p> este en negrita?

Selecciona una o más de las siguientes respuestas posibles:

  • p{bold}

  • p{font-family:bold}

  • p{font-weight:bold}

  • p{text:bold}

Explicación

Pregunta 40 de 50

1

¿Qué propiedad CSS utilizamos para definir el color de los bordes?

Selecciona una o más de las siguientes respuestas posibles:

  • border-color:

  • color-border:

  • border-bgcolor:

  • border-style:

Explicación

Pregunta 41 de 50

1

¿Cómo CSS mostraría los enlaces sin que estén subrayados?

Selecciona una o más de las siguientes respuestas posibles:

  • a{text-decoration:no underline}

  • a{font-decoration:no underline}

  • a{underline:none}

  • Ninguna de las anteriores.

Explicación

Pregunta 42 de 50

1

¿Cómo definimos los Ítems de una lista para que muestre números romanos en mayúscula mediante CSS?

Selecciona una o más de las siguientes respuestas posibles:

  • ol{list-style-type:lower-roman}

  • ol{list-style-type:roman}

  • ol{list-style-type:upper-roman}

  • ol{list-type:upper-roman}

Explicación

Pregunta 43 de 50

1

¿Qué propiedad utilizamos para definir el margen derecho en CSS?

Selecciona una o más de las siguientes respuestas posibles:

  • padding-right:

  • border-right:

  • margin-right:

  • Todas las anteriores

Explicación

Pregunta 44 de 50

1

¿Qué propiedad utilizamos para definir que una tabla ajuste sus medidas al contenido de la misma?

Selecciona una o más de las siguientes respuestas posibles:

  • table:collapse

  • table-layout:collapse

  • table-layout:auto

  • table:fixed

Explicación

Pregunta 45 de 50

1

Para alinear un elemento verticalmente en CSS usamos la propiedad:

Selecciona una o más de las siguientes respuestas posibles:

  • align:

  • valign:

  • align-vertical:

  • vertical-align:

Explicación

Pregunta 46 de 50

1

¿Cómo definiría márgenes en CSS con estos anchos?
El margen izquierdo: 1 cms.
El margen derecho: 3 cms.
El margen superior: 2 cms.
El margen inferior: 4 cms.

Selecciona una o más de las siguientes respuestas posibles:

  • margin:2cm 3cm 4cm 1cm

  • margin:1cm 2cm 3cm 4cm

  • margin:1cm 3cm 2cm 4cm

  • margin:4cm 3cm 2cm 1cm

Explicación

Pregunta 47 de 50

1

¿Qué propiedad utilizamos en CSS para definir una imagen como fondo?

Selecciona una o más de las siguientes respuestas posibles:

  • background-attachment:

  • background-img:

  • background-src:

  • Ninguna de las anteriores

Explicación

Pregunta 48 de 50

1

¿Cómo definimos un comentario en CSS?

Selecciona una o más de las siguientes respuestas posibles:

  • <--Comentario-->

  • //Comentario//

  • /*Comentario*/

  • /-Comentario-/

Explicación

Pregunta 49 de 50

1

¿Cuál es la sintaxis correcta en CSS?

Selecciona una o más de las siguientes respuestas posibles:

  • p{font-family:"Times New Roman"}

  • p{font-family:Times-New-Roman}

  • p{font-family:TimesNewRoman}

  • p{font-family:(Times New Roman)}

Explicación

Pregunta 50 de 50

1

¿Cómo definimos en mayúscula la primera letra de cada palabra?

Selecciona una o más de las siguientes respuestas posibles:

  • text-decoration:uppercase

  • text-transform:capitalize

  • text-transform:uppercase

  • text-decoration:capitalize

Explicación