MODELO DE CAJAS

Lee el siguiente tutorial:

http://www.cristalab.com/tutoriales/el-modelo-de-caja-de-css-c180l/

Y haz el modelo que se indica

Ejercicio de CSS

Haz una página con las siguientes condiciones

1. Debe tener una hoja de estilo independiente de la página de contenidos
2. Debe tener un estilo definido para el título de la página, otro para los títulos de los párrafos y otro para el texto de contenido
3. Debe tener una imagen
4. Debe tener un enlace.

CSS

Lee el siguiente tutorial:
http://www.desarrolloweb.com/articulos/183.php
Y prueba los diferentes códigos de ejemplo para ver el efecto
Asegúrate de entender todo bien para poder hacer los ejercios que vendrán después

Formatos

Entra en el siguiente enlace:

http://www.uv.es/jac/guia/

Entra en el punto 6. Estructura de una página html.

Crea un documento html con el bloc de notas con la estructura que se describe en el tutorial y cuyo título sea ejercicio de html.

Entra en el punto 8.

Escribe una página web con las siguientes condiciones:

Debe tener letras de diferentes tamaños
Debe tener letras de diferentes colores
Debe tener colores escritos en hexadecimal. Para ello consulta los siguientes enlaces:

http://es.wikipedia.org/wiki/Sistema_hexadecimal

http://es.wikipedia.org/wiki/Modelo_de_color_RGB

Debe tener texto con diferentes justificaciones: izquierda, central, derecha
Debe tener negrita e itálica
Entra en:
http://www.osmosislatina.com/lenguajes/html/links.htm
Y añade a la página algunos enlaces
Entra en:
http://www.webestilo.com/html/cap6a.phtml

Y añade alguna imagen

Entra en:
http://www.webestilo.com/html/cap4a.phtml
Y añade alguna lista

Edición web

En este ejercicio se trata de crear una página web. No siempre las páginas web se hacen para verlas en internet. Pueden estar grabadas en el disco duro o en un cd, y verse sin conexión a internet. Por ahora vamos a hacerlas sin colgarlas en intenet. Más adelante veremos como se cuelgan.

Las páginas web se ven con un navegador: el internet explorer, el mozilla o cualquier otro. El navegador lee una serie de códigos y los muestra. La página web es un fichero escrito con un código llamado html. Prueba con el mozilla en cualquier página web y pulsa la opción ver código fuente, y verás el código html de la página.

Vamos a ver un ejemplo sencillo. Abre el bloc de notas y escribe el siguiente código:


hola
La primera línea dice que el fichero es una página web y que lo que hay en medio de y es el código de la página. Lo que hay en medio es lo que habrá escrito en la página. Guarda la página como hola.html, y ábrela con el navegador. Verás como es una página web en la que hay escrito hola