Lhuis .
Quiz by , created more than 1 year ago

Test diagnóstico HTML - CSS

1483
4
0
Lhuis .
Created by Lhuis . about 9 years ago
Close

Control HTML - CSS / Prototipado Web

Question 1 of 50

1

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

Select one or more of the following:

  • Javascript

  • Flash

  • CSS

Explanation

Question 2 of 50

1

¿Qué es XHTML?

Select one or more of the following:

  • 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

Explanation

Question 3 of 50

1

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

Select one or more of the following:

  • 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

Explanation

Question 4 of 50

1

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

Select one or more of the following:

  • 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

Explanation

Question 5 of 50

1

¿Para que sirve el atributo "class"?

Select one or more of the following:

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

Explanation

Question 6 of 50

1

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

Select one or more of the following:

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

Explanation

Question 7 of 50

1

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

Select one or more of the following:

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

Explanation

Question 8 of 50

1

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

Select one or more of the following:

  • 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

Explanation

Question 9 of 50

1

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

Select one or more of the following:

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

Explanation

Question 10 of 50

1

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

Select one or more of the following:

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

Explanation

Question 11 of 50

1

¿Qué entiende por HTML?

Select one or more of the following:

  • Hyper Text Mask Language

  • Hard Text Markup Language

  • Hyper Text Markup Language

Explanation

Question 12 of 50

1

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

Select one or more of the following:

  • <background>

  • <body>

  • <b>

Explanation

Question 13 of 50

1

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

Select one or more of the following:

  • <br>

  • <hr>

  • <line>

Explanation

Question 14 of 50

1

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

Select one or more of the following:

  • <!--...-->

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

  • <comment>

Explanation

Question 15 of 50

1

Elija la etiqueta apropiada para un texto en negrita.

Select one or more of the following:

  • <bold>

  • <bb>

  • <b>

Explanation

Question 16 of 50

1

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

Select one or more of the following:

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

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

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

Explanation

Question 17 of 50

1

¿Qué etiqueta define la fila de una tabla?

Select one or more of the following:

  • <tr>

  • <td>

  • <row>

Explanation

Question 18 of 50

1

¿Qué etiqueta define una lista ordenada?

Select one or more of the following:

  • <ol>

  • <ul>

  • <li>

Explanation

Question 19 of 50

1

Elija la etiqueta apropiada para hacer una lista desplegable.

Select one or more of the following:

  • <input type="list">>

  • <input type="menu">>

  • <select>

Explanation

Question 20 of 50

1

¿Cómo definimos un área de texto?

Select one or more of the following:

  • <textarea>

  • <input type="textarea">

  • <input type="text">

Explanation

Question 21 of 50

1

Elija la forma correcta de ingresar una imagen.

Select one or more of the following:

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

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

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

Explanation

Question 22 of 50

1

¿Cómo definimos un color en sistema hexadecimal?

Select one or more of the following:

  • <red>

  • <245,245,220>

  • <#F5F5DC>

Explanation

Question 23 of 50

1

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

Select one or more of the following:

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

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

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

Explanation

Question 24 of 50

1

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

Select one or more of the following:

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

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

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

Explanation

Question 25 of 50

1

¿Qué es cellspadding?

Select one or more of the following:

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

Explanation

Question 26 of 50

1

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

Select one or more of the following:

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

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

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

Explanation

Question 27 of 50

1

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

Select one or more of the following:

  • <br>

  • <break>

  • <linebreak>

Explanation

Question 28 of 50

1

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

Select one or more of the following:

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

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

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

Explanation

Question 29 of 50

1

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

Select one or more of the following:

  • <h1>

  • <h6>

  • <head>

Explanation

Question 30 of 50

1

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

Select one or more of the following:

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

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

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

Explanation

Question 31 of 50

1

¿Qué entiendes por CSS?

Select one or more of the following:

  • Creative Style System

  • Class Style Sheets

  • Cascading Style Sheets

  • Cascading Style System

Explanation

Question 32 of 50

1

¿Cuál es la sintaxis correcta en CSS?

Select one or more of the following:

  • {p=color:red}

  • {p:color=red}

  • p{color=red}

  • p{color:red}

Explanation

Question 33 of 50

1

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

Select one or more of the following:

  • code

  • style

  • name

  • value

Explanation

Question 34 of 50

1

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

Select one or more of the following:

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

Explanation

Question 35 of 50

1

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

Select one or more of the following:

  • background-color:

  • color:

  • bgcolor:

  • style-color:

Explanation

Question 36 of 50

1

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

Select one or more of the following:

  • text-transform:lowercase

  • text-decoration:line-through

  • text-decoration:underline

  • text-transform:underline

Explanation

Question 37 of 50

1

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

Select one or more of the following:

  • p{word-spacing:10px}

  • p{letter-spacing:10px}

  • p{white-space:10px}

  • Ninguna de las anteriores.

Explanation

Question 38 of 50

1

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

Select one or more of the following:

  • font-family:

  • font-style:

  • font-type:

  • font-variant:

Explanation

Question 39 of 50

1

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

Select one or more of the following:

  • p{bold}

  • p{font-family:bold}

  • p{font-weight:bold}

  • p{text:bold}

Explanation

Question 40 of 50

1

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

Select one or more of the following:

  • border-color:

  • color-border:

  • border-bgcolor:

  • border-style:

Explanation

Question 41 of 50

1

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

Select one or more of the following:

  • a{text-decoration:no underline}

  • a{font-decoration:no underline}

  • a{underline:none}

  • Ninguna de las anteriores.

Explanation

Question 42 of 50

1

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

Select one or more of the following:

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

  • ol{list-style-type:roman}

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

  • ol{list-type:upper-roman}

Explanation

Question 43 of 50

1

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

Select one or more of the following:

  • padding-right:

  • border-right:

  • margin-right:

  • Todas las anteriores

Explanation

Question 44 of 50

1

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

Select one or more of the following:

  • table:collapse

  • table-layout:collapse

  • table-layout:auto

  • table:fixed

Explanation

Question 45 of 50

1

Para alinear un elemento verticalmente en CSS usamos la propiedad:

Select one or more of the following:

  • align:

  • valign:

  • align-vertical:

  • vertical-align:

Explanation

Question 46 of 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.

Select one or more of the following:

  • margin:2cm 3cm 4cm 1cm

  • margin:1cm 2cm 3cm 4cm

  • margin:1cm 3cm 2cm 4cm

  • margin:4cm 3cm 2cm 1cm

Explanation

Question 47 of 50

1

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

Select one or more of the following:

  • background-attachment:

  • background-img:

  • background-src:

  • Ninguna de las anteriores

Explanation

Question 48 of 50

1

¿Cómo definimos un comentario en CSS?

Select one or more of the following:

  • <--Comentario-->

  • //Comentario//

  • /*Comentario*/

  • /-Comentario-/

Explanation

Question 49 of 50

1

¿Cuál es la sintaxis correcta en CSS?

Select one or more of the following:

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

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

  • p{font-family:TimesNewRoman}

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

Explanation

Question 50 of 50

1

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

Select one or more of the following:

  • text-decoration:uppercase

  • text-transform:capitalize

  • text-transform:uppercase

  • text-decoration:capitalize

Explanation