Anotaciones

:PARA RELACIONAR LA HOJA DE ESTILOS CON LA PAGINA

:ESCRIBIR PARRAFO
:ENLACES
palabra:ENLAZAR A LA PAGINA
target="_blank":ENLACE A OTRA VENTANA
:Insertar una imagen

Texto que quieras poner para hacer clic en él :ENLACE a tu CORREO

:aqui centra el parrafo indicado(antes ia cree el estilo en la hoja de estilo)




HOJA DE ESTILO:

http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm:TABLA DE COLORES DE FONDO
body {background-color: #E6E6FA(ejemplo)}: PARA PONER COLOR DE FONDO
background-image: url(objetos/fondo.png):PARA PONER IMAGEN DE FONDO(el archivo tiene que tener extencion .png)
background-repeat:no-repeat:para que no se repite la imagen de fondo
background-repeat:repeat-x:para que el fondo se repita solo horizontalmente
background-repeat:repeat-y:para que el fondo se repita solo verticalmente
background-repeat:repeat:para que se repite vertical y horizontalmente
background-position:top(Arriba) o center(centrado) o bottom(abajo) para la alineacion vertical
left(izquierda) o right(derecha) o center(centro) para la alineacion horizontal
background-position: 50px 100px (esto es para indicarle la posicion de la imagen)
tambien puede tomar el valor:fixed o scroll( para que se quede la imagen fija)
img {border-style: none}: para que no tenga borde la imagen que contiene enlace
p {text-align:center o right o left o justify}:Centrar los parrafos
.centrado{text-align:center}:clase de estilo creado que centra parrafo

Las capas Divs:

Bienvenidos a mi Web

Barra de Navegación

• Enlace 1
• Enlace 2
• Enlace 3

Esta será la zona principal de la web

Este es el pié de página

Hoja de Estilo(divs):
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: brown }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
p {text-align: justify}