sábado, 8 de junio de 2013

Como usar La hoja de Estilo

Css

La hoja de estilos es muy facil de utilizar  si tenemos una etiqueta en html
por ejemplo;
<body>

</body>
 Esta equiqueta le podemos mandar llamar con un id o con su mismo nombre

<body id="Cuerpo">

asi quedari nuetra etiqueta  con el indentificador
solo queda mandar a llamar la etiqueta para poder  ponerle estilo ya sea color de fondo de letras etc.

mandamos llamar asi en la hoja de estilo con un #
#+el nombre del "id"
 quedaria asi;

#Cuerpo {

}
en medio de las dos llaves ponemos todas las funciones o efectos que desseamos que aga esa parte de body
esto lo podemos hacer con cualquier etiqueta que pongamos en nuestro codigo html solo es cuetion de poner un "id" para saber cual es la etiqueta a modificar

Menus html y css

Esto es lo que va en Html

<ul id=”button”> <li><a href=”#”>Home</a></li> <li><a href=”#”>About</a></li> <li><a href=”#”>Services</a></li> <li><a href=”#”>Clients</a></li> <li><a href=”#”>Products</a></li> <li><a href=”#”>F.A.Q</a></li> <li><a href=”#”>Help</a></li> <li><a href=”#”>Contact Us</a></li> </ul>

Y esto en la Hoja de estilo css

mandamos llamar nuetro ul con el id
#button {
padding: 0;
}

#button li {
display: inline;
}

Esto es para la fuente y  colores

#button li a {
font-family: Arial;
font-size:11px;
text-decoration: none;
float:left;
padding: 10px;
background-color: #2175bc;
color: #fff;
}

domingo, 26 de mayo de 2013

Estructura de una pagina en HTML

Toda pagina se estructura para tener un orden y no se vean unas cosas aquí y otras por aya o que nos genere  errores de visualizan de nuestros proyectos.

<HTML>  "Esta es la etiqueta que nos dice que vamos haccer una pagina web"
    
        <HEAD> "Esta eiqueta es ek encabezado de la pagina"
        
             <TITLE> "A qui Título de la página" </TITLE>
        ...
   
        </HEAD> "Cerramos la etiqueta del ecabezado"

    
    <BODY> "Etiqueta del cuerpo o contenido"
        Aquí iría el contenido de la página que quieres que se muestrre en la    pantalla
    
    </BODY> "Cerramos la etiqueta del cuerpo"

</HTML> "Tambien serramos la etiqueta de Html"



Como pueden ver es muy sencilla de entender  el orden en que se estructuran las paginas web

Etiquetas Para HTML



Algunas etiquetas que nos ayudaran

Estas etiqueta se cierran de la misma forma solo con una digonal 
ejemplo: <html>  </html>



<HEAD>Encabezamiento del documento.
<H1 ...H6>Tamaño de letras del 1 al 6.
<HTML>Al principio y al fin de todo documento.
<CENTER>Centrar.
<BR>Retorno de línea.
<BODY>Cuerpo del documento.
<A>Hipervínculo.
< !Comentario.

sábado, 18 de mayo de 2013

jueves, 9 de mayo de 2013