Introducción a HTML y CSS

¿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