WorksheetsIntroducción a HTML y CSS
Total questions: 15
Worksheet time: 15mins
¿Cuál es el lenguaje estándar específico para aplicar estilos de presentación a nuestras páginas web?
Javascript
Flash
CSS
¿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
¿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
¿Para que 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, 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)
¿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)'
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'
¡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: <!--comentario sobre el código-->
¿Qué significa CSS?
Color Style Sheets (Hojas de Estilo de Color)
Code of Style Sheets (Código de Hojas de Estilo)
Cross-browser Style Sheets (Hojas de Estilo Multi-navegador)
Coded Style Sheets (Hojas de Estilo Codificadas)
Cascading Style Sheets (Hojas de Estilo en Cascada)
¿Cómo podemos añadir un comentario en una hoja de estilo CSS?
Después de los caracteres "//". Ej: // Este es un comentario CSS
Entre las etiquetas "<!--" y "-->". Ej: <!-- Esto es un comentario CSS -->
Entre los caracteres "/*" y "*/ ". Ej: /* esto es un comentario CSS */
No se puede
¿En qué sección de la página HTML podemos definir una hoja de estilo interna CSS?
En la sección <footer>
Se puede definir en cualquier sección de la página
En la sección <head>
En al sección <body>
¿Cómo se pueden añadir estilos a una página web? (puedes seleccionar más de una respuesta si crees que son correctas)
Dentro de una etiqueta HTML usando el atributo 'style'. Ej: <p style = ".................">
Dentro de una Hoja de estilo interna definida entre las etiquetas HTML <style></style>
Con una hoja de estilo externa usando una etiqueta HTML <link.....> que indique su ubicación
Dentro de una etiqueta HTML usando el atributo 'css'. Ej: <p css = "....................">
Utilizando una regla @import dentro de una hoja de estilo
Seleccione la propiedad CSS correcta:
Curvatura (en las esquinas) del borde defino para un elemento HTML
spacing
border-radius
color
padding
font-color
Seleccione la propiedad CSS correcta:
color de la letra (fuente)
spacing
font-color
color
padding
Seleccione la propiedad CSS correcta:
Espacio interior de un elemento HTML
spacing
border
color
padding
