P09.- Tarea #3: Los primeros estilos
06 Abril 2010
Posted in
Prácticas -
Práctica 09
Objetivos:
- Crear "La tercera página Web" utilizando el notepad++ portable
- Crear una página de estilos .CSS y enlazarla con la página XHTML
Ejercicio #1:
- Crea un archivo llamado index.html utilizando las etiquetas estudiadas en las tareas #1 y #2 y guárdalo en una carpeta llamada web_ejemplo3.
- Crea un archivo llamado estilos.css, guárdalo en la misma carpeta.
- Utiliza el notepad++ para crear los dos archivos anteriores, configurando el lenguaje del editor adecuadamente para HTML y CSS respectivamente antes de guardarlos.
Ejercicio #2: Usando selectores por TIPO
- Enlaza la página de estilos con la página web utilizando la siguiente sintáxis dentro de <head>:
- En la página de estilos crea reglas para cambiar el color, el tamaño y el tipo de letra de las etiquetas de encabezados <h1> a <h6>.
Solución al ejercicio #2: página html | código xhtml | archivo css
Ejercicio #3: Usando selectores por ID y selector UNIVERSAL
- Para centrar una página Web debemos usar varias reglas de estilo:
- Un selector por ID en la página de estilos aparece precedido del signo almoadilla (#) y en la página web será único y aparece dentro de una etiqueta <div id="nombre_selector"> ... </div>
- El ejercicio consiste en centra la página del ejercicio.
Solución al ejercicio #3: página html | código xhtml | archivo css
