Lhuis .
Quiz von , erstellt am more than 1 year ago

Test diagnóstico HTML - CSS

1575
4
0
Lhuis .
Erstellt von Lhuis . vor mehr als 9 Jahre
Schließen

Control HTML - CSS / Prototipado Web

Frage 1 von 50

1

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

Wähle eine oder mehr der folgenden:

  • Javascript

  • Flash

  • CSS

Erklärung

Frage 2 von 50

1

¿Qué es XHTML?

Wähle eine oder mehr der folgenden:

  • 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

Erklärung

Frage 3 von 50

1

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

Wähle eine oder mehr der folgenden:

  • 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

Erklärung

Frage 4 von 50

1

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

Wähle eine oder mehr der folgenden:

  • 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

Erklärung

Frage 5 von 50

1

¿Para que sirve el atributo "class"?

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 6 von 50

1

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

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 7 von 50

1

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

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 8 von 50

1

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

Wähle eine oder mehr der folgenden:

  • 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

Erklärung

Frage 9 von 50

1

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

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 10 von 50

1

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

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 11 von 50

1

¿Qué entiende por HTML?

Wähle eine oder mehr der folgenden:

  • Hyper Text Mask Language

  • Hard Text Markup Language

  • Hyper Text Markup Language

Erklärung

Frage 12 von 50

1

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

Wähle eine oder mehr der folgenden:

  • <background>

  • <body>

  • <b>

Erklärung

Frage 13 von 50

1

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

Wähle eine oder mehr der folgenden:

  • <br>

  • <hr>

  • <line>

Erklärung

Frage 14 von 50

1

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

Wähle eine oder mehr der folgenden:

  • <!--...-->

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

  • <comment>

Erklärung

Frage 15 von 50

1

Elija la etiqueta apropiada para un texto en negrita.

Wähle eine oder mehr der folgenden:

  • <bold>

  • <bb>

  • <b>

Erklärung

Frage 16 von 50

1

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

Wähle eine oder mehr der folgenden:

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

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

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

Erklärung

Frage 17 von 50

1

¿Qué etiqueta define la fila de una tabla?

Wähle eine oder mehr der folgenden:

  • <tr>

  • <td>

  • <row>

Erklärung

Frage 18 von 50

1

¿Qué etiqueta define una lista ordenada?

Wähle eine oder mehr der folgenden:

  • <ol>

  • <ul>

  • <li>

Erklärung

Frage 19 von 50

1

Elija la etiqueta apropiada para hacer una lista desplegable.

Wähle eine oder mehr der folgenden:

  • <input type="list">>

  • <input type="menu">>

  • <select>

Erklärung

Frage 20 von 50

1

¿Cómo definimos un área de texto?

Wähle eine oder mehr der folgenden:

  • <textarea>

  • <input type="textarea">

  • <input type="text">

Erklärung

Frage 21 von 50

1

Elija la forma correcta de ingresar una imagen.

Wähle eine oder mehr der folgenden:

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

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

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

Erklärung

Frage 22 von 50

1

¿Cómo definimos un color en sistema hexadecimal?

Wähle eine oder mehr der folgenden:

  • <red>

  • <245,245,220>

  • <#F5F5DC>

Erklärung

Frage 23 von 50

1

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

Wähle eine oder mehr der folgenden:

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

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

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

Erklärung

Frage 24 von 50

1

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

Wähle eine oder mehr der folgenden:

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

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

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

Erklärung

Frage 25 von 50

1

¿Qué es cellspadding?

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 26 von 50

1

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

Wähle eine oder mehr der folgenden:

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

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

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

Erklärung

Frage 27 von 50

1

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

Wähle eine oder mehr der folgenden:

  • <br>

  • <break>

  • <linebreak>

Erklärung

Frage 28 von 50

1

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

Wähle eine oder mehr der folgenden:

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

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

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

Erklärung

Frage 29 von 50

1

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

Wähle eine oder mehr der folgenden:

  • <h1>

  • <h6>

  • <head>

Erklärung

Frage 30 von 50

1

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

Wähle eine oder mehr der folgenden:

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

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

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

Erklärung

Frage 31 von 50

1

¿Qué entiendes por CSS?

Wähle eine oder mehr der folgenden:

  • Creative Style System

  • Class Style Sheets

  • Cascading Style Sheets

  • Cascading Style System

Erklärung

Frage 32 von 50

1

¿Cuál es la sintaxis correcta en CSS?

Wähle eine oder mehr der folgenden:

  • {p=color:red}

  • {p:color=red}

  • p{color=red}

  • p{color:red}

Erklärung

Frage 33 von 50

1

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

Wähle eine oder mehr der folgenden:

  • code

  • style

  • name

  • value

Erklärung

Frage 34 von 50

1

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

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 35 von 50

1

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

Wähle eine oder mehr der folgenden:

  • background-color:

  • color:

  • bgcolor:

  • style-color:

Erklärung

Frage 36 von 50

1

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

Wähle eine oder mehr der folgenden:

  • text-transform:lowercase

  • text-decoration:line-through

  • text-decoration:underline

  • text-transform:underline

Erklärung

Frage 37 von 50

1

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

Wähle eine oder mehr der folgenden:

  • p{word-spacing:10px}

  • p{letter-spacing:10px}

  • p{white-space:10px}

  • Ninguna de las anteriores.

Erklärung

Frage 38 von 50

1

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

Wähle eine oder mehr der folgenden:

  • font-family:

  • font-style:

  • font-type:

  • font-variant:

Erklärung

Frage 39 von 50

1

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

Wähle eine oder mehr der folgenden:

  • p{bold}

  • p{font-family:bold}

  • p{font-weight:bold}

  • p{text:bold}

Erklärung

Frage 40 von 50

1

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

Wähle eine oder mehr der folgenden:

  • border-color:

  • color-border:

  • border-bgcolor:

  • border-style:

Erklärung

Frage 41 von 50

1

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

Wähle eine oder mehr der folgenden:

  • a{text-decoration:no underline}

  • a{font-decoration:no underline}

  • a{underline:none}

  • Ninguna de las anteriores.

Erklärung

Frage 42 von 50

1

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

Wähle eine oder mehr der folgenden:

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

  • ol{list-style-type:roman}

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

  • ol{list-type:upper-roman}

Erklärung

Frage 43 von 50

1

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

Wähle eine oder mehr der folgenden:

  • padding-right:

  • border-right:

  • margin-right:

  • Todas las anteriores

Erklärung

Frage 44 von 50

1

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

Wähle eine oder mehr der folgenden:

  • table:collapse

  • table-layout:collapse

  • table-layout:auto

  • table:fixed

Erklärung

Frage 45 von 50

1

Para alinear un elemento verticalmente en CSS usamos la propiedad:

Wähle eine oder mehr der folgenden:

  • align:

  • valign:

  • align-vertical:

  • vertical-align:

Erklärung

Frage 46 von 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.

Wähle eine oder mehr der folgenden:

  • margin:2cm 3cm 4cm 1cm

  • margin:1cm 2cm 3cm 4cm

  • margin:1cm 3cm 2cm 4cm

  • margin:4cm 3cm 2cm 1cm

Erklärung

Frage 47 von 50

1

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

Wähle eine oder mehr der folgenden:

  • background-attachment:

  • background-img:

  • background-src:

  • Ninguna de las anteriores

Erklärung

Frage 48 von 50

1

¿Cómo definimos un comentario en CSS?

Wähle eine oder mehr der folgenden:

  • <--Comentario-->

  • //Comentario//

  • /*Comentario*/

  • /-Comentario-/

Erklärung

Frage 49 von 50

1

¿Cuál es la sintaxis correcta en CSS?

Wähle eine oder mehr der folgenden:

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

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

  • p{font-family:TimesNewRoman}

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

Erklärung

Frage 50 von 50

1

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

Wähle eine oder mehr der folgenden:

  • text-decoration:uppercase

  • text-transform:capitalize

  • text-transform:uppercase

  • text-decoration:capitalize

Erklärung