Control HTML - CSS / Prototipado Web

Description

Test diagnóstico HTML - CSS
Lhuis .
Quiz by Lhuis ., updated more than 1 year ago
Lhuis .
Created by Lhuis . about 9 years ago
1503
4

Resource summary

Question 1

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

Question 2

Question
¿Qué es XHTML?
Answer
  • 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

Question 3

Question
¿Cuál crees que es la mejor manera de aplicar estilos a una página web?
Answer
  • 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

Question 4

Question
¿Por qué es conveniente incluir la declaración de DOCTYPE en la página HTML?
Answer
  • 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

Question 5

Question
¿Para que sirve el atributo "class"?
Answer
  • 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.

Question 6

Question
¿Qué función tiene el elemento "div"?
Answer
  • 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)

Question 7

Question
¿Qué está mal en esta regla de estilo? .cuadro { border: 1px blue dotted padding: 10px 5px; }
Answer
  • 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)'

Question 8

Question
¿Qué significa que una etiqueta/elemento está "deprecated" en HTML4?
Answer
  • 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

Question 9

Question
Si incluimos una etiqueta de este tipo en nuestra página HTML, ¿qué queremos que haga el navegador? <img src="../icono.gif" />
Answer
  • 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'

Question 10

Question
¡Cómo se incluye un comentario nuestro en una página HTML para que no se interprete por el navegador?
Answer
  • 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-->

Question 11

Question
¿Qué entiende por HTML?
Answer
  • Hyper Text Mask Language
  • Hard Text Markup Language
  • Hyper Text Markup Language

Question 12

Question
¿Qué etiqueta utilizamos para definir el cuerpo del documento?
Answer
  • <background>
  • <body>
  • <b>

Question 13

Question
¿Qué etiqueta utilizamos para insertar una línea horizontal?
Answer
  • <br>
  • <hr>
  • <line>

Question 14

Question
¿Cuál es la forma correcta de insertar un comentario?
Answer
  • <!--...-->
  • <¡--...--!>
  • <comment>

Question 15

Question
Elija la etiqueta apropiada para un texto en negrita.
Answer
  • <bold>
  • <bb>
  • <b>

Question 16

Question
¿Cuál es la forma correcta de crear un vínculo?
Answer
  • <a target="http://www.unsitio.com">...</a>
  • <a href="http://www.unsitio.com">...</a>
  • <a url="http://www.unsitio.com">...</a>

Question 17

Question
¿Qué etiqueta define la fila de una tabla?
Answer
  • <tr>
  • <td>
  • <row>

Question 18

Question
¿Qué etiqueta define una lista ordenada?
Answer
  • <ol>
  • <ul>
  • <li>

Question 19

Question
Elija la etiqueta apropiada para hacer una lista desplegable.
Answer
  • <input type="list">>
  • <input type="menu">>
  • <select>

Question 20

Question
¿Cómo definimos un área de texto?
Answer
  • <textarea>
  • <input type="textarea">
  • <input type="text">

Question 21

Question
Elija la forma correcta de ingresar una imagen.
Answer
  • <img src="/foto.jpg">
  • <imagen src="/foto.jpg">
  • <img href="/foto.jpg">

Question 22

Question
¿Cómo definimos un color en sistema hexadecimal?
Answer
  • <red>
  • <245,245,220>
  • <#F5F5DC>

Question 23

Question
¿Qué etiquetas pueden figurar en la sección <head>?
Answer
  • <style>, <meta>, <table>
  • <link>, <title>, <base>
  • <link>, <meta>, <p>

Question 24

Question
¿Cómo mandamos un e-mail a partir de un vínculo?
Answer
  • <a mail="alguien@yahoo.com">...</a>
  • <a mailto="alguien@yahoo.com">...</a>
  • <a href="mailto:alguien@yahoo.com">...</a>

Question 25

Question
¿Qué es cellspadding?
Answer
  • 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.

Question 26

Question
¿Cómo definimos un texto alternativo para una imagen?
Answer
  • <img src="/foto.jpg" alt="texto alternativo">
  • <img src="/foto.jpg" value="texto alternativo">
  • <img src="/foto.jpg" text="texto alternativo">

Question 27

Question
¿Qué etiqueta define un salto de línea?
Answer
  • <br>
  • <break>
  • <linebreak>

Question 28

Question
¿Cómo colocamos una imagen de fondo en una celda de una tabla?
Answer
  • <tr bgcolor="...">...</tr>
  • <tr background="...">...</tr>
  • <td background="...">...</td>

Question 29

Question
Elija la etiqueta que nos dá el título más grande
Answer
  • <h1>
  • <h6>
  • <head>

Question 30

Question
¿Cómo hacemos para abrir un vínculo en otra ventana?
Answer
  • <a href="/www.algunsitio.com" new>...</a>
  • <a href="/www.algunsitio.com" target="_new">...</a>
  • <a href="/www.algunsitio.com" target="_blank">...</a>

Question 31

Question
¿Qué entiendes por CSS?
Answer
  • Creative Style System
  • Class Style Sheets
  • Cascading Style Sheets
  • Cascading Style System

Question 32

Question
¿Cuál es la sintaxis correcta en CSS?
Answer
  • {p=color:red}
  • {p:color=red}
  • p{color=red}
  • p{color:red}

Question 33

Question
¿Qué atributo de HTML se usa para definir un estilo entre líneas?
Answer
  • code
  • style
  • name
  • value

Question 34

Question
¿Cuál es la sintaxis correcta en HTML para referirse a una hoja de estilo externa?
Answer
  • <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">

Question 35

Question
¿Qué propiedad usamos para establecer el color de fondo en CSS?
Answer
  • background-color:
  • color:
  • bgcolor:
  • style-color:

Question 36

Question
¿Qué propiedad CSS usamos para dar a un texto el efecto de subrayado?
Answer
  • text-transform:lowercase
  • text-decoration:line-through
  • text-decoration:underline
  • text-transform:underline

Question 37

Question
¿Cuál es la sintaxis correcta CSS a utilizar para dejar 10 píxels entre palabras?
Answer
  • p{word-spacing:10px}
  • p{letter-spacing:10px}
  • p{white-space:10px}
  • Ninguna de las anteriores.

Question 38

Question
¿Qué propiedad CSS utilizamos para definir el tipo de fuente?
Answer
  • font-family:
  • font-style:
  • font-type:
  • font-variant:

Question 39

Question
¿Cómo definimos en CSS que el elemento <p> este en negrita?
Answer
  • p{bold}
  • p{font-family:bold}
  • p{font-weight:bold}
  • p{text:bold}

Question 40

Question
¿Qué propiedad CSS utilizamos para definir el color de los bordes?
Answer
  • border-color:
  • color-border:
  • border-bgcolor:
  • border-style:

Question 41

Question
¿Cómo CSS mostraría los enlaces sin que estén subrayados?
Answer
  • a{text-decoration:no underline}
  • a{font-decoration:no underline}
  • a{underline:none}
  • Ninguna de las anteriores.

Question 42

Question
¿Cómo definimos los Ítems de una lista para que muestre números romanos en mayúscula mediante CSS?
Answer
  • ol{list-style-type:lower-roman}
  • ol{list-style-type:roman}
  • ol{list-style-type:upper-roman}
  • ol{list-type:upper-roman}

Question 43

Question
¿Qué propiedad utilizamos para definir el margen derecho en CSS?
Answer
  • padding-right:
  • border-right:
  • margin-right:
  • Todas las anteriores

Question 44

Question
¿Qué propiedad utilizamos para definir que una tabla ajuste sus medidas al contenido de la misma?
Answer
  • table:collapse
  • table-layout:collapse
  • table-layout:auto
  • table:fixed

Question 45

Question
Para alinear un elemento verticalmente en CSS usamos la propiedad:
Answer
  • align:
  • valign:
  • align-vertical:
  • vertical-align:

Question 46

Question
¿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.
Answer
  • margin:2cm 3cm 4cm 1cm
  • margin:1cm 2cm 3cm 4cm
  • margin:1cm 3cm 2cm 4cm
  • margin:4cm 3cm 2cm 1cm

Question 47

Question
¿Qué propiedad utilizamos en CSS para definir una imagen como fondo?
Answer
  • background-attachment:
  • background-img:
  • background-src:
  • Ninguna de las anteriores

Question 48

Question
¿Cómo definimos un comentario en CSS?
Answer
  • <--Comentario-->
  • //Comentario//
  • /*Comentario*/
  • /-Comentario-/

Question 49

Question
¿Cuál es la sintaxis correcta en CSS?
Answer
  • p{font-family:"Times New Roman"}
  • p{font-family:Times-New-Roman}
  • p{font-family:TimesNewRoman}
  • p{font-family:(Times New Roman)}

Question 50

Question
¿Cómo definimos en mayúscula la primera letra de cada palabra?
Answer
  • text-decoration:uppercase
  • text-transform:capitalize
  • text-transform:uppercase
  • text-decoration:capitalize
Show full summary Hide full summary

Similar

Elementos de CSS
EDUARDO ANDRES A3422
Unidad 2: Html, xml y css
Lizeth Castillo
Lenguajes en XML HTML XHTML
América Dancer Gil
ANIME
Paula Olmos
MOBILE FIRST
Hannes José Narváez
Conocimiento Desarrollo Web
Adan Mojo
Conceptos Básicos
Hannes José Narváez
Propiedades de Grid
Salma Kalife
Atributo Class
Mario Andrés Rosero Saza
HTML+CSS Nivel 1
Alvaro Ruiz