Paso 1: Vamos a construir una página Web de CSS!
Comience por pegar este código en mi Live Page Builder o Bloc de notas:
<! HTML de DOCTYPE público "-//W3C//DTD HTML 4.01 Transitional / / EN" "http://www.w3.org/TR/html4/loose.dtd" >
< HTML >
< HEAD >
< meta http-equiv = "Content-Type" content = "text/html; charset = iso-8859-1 ">
< TITLE > mi primera página CSS! < / TITLE >
< link rel = "StyleSheet" type = "text/css" href="stylecss.css" media = "pantalla" >
< /HEAD >
< cuerpo >
< DIV id = header >
< div clase = "title" >
< a href = "http://htmlinc.com" > < /a > de su título
< / div >
< / DIV >
< DIV id = contenedor >
< DIV id = contenido >
< DIV class = "párrafo" >
< DIV align = "center" >
< a href = "http://htmlinc.com/index.php" > < /a > de la página de inicio |
< a href = "http://htmlinc.com/services.php" > servicio < /a > |
< a href = "http://htmlinc.com/aboutus.php" > de < /a > |
< a href = "http://htmlinc.com/contactus.php" > < /a > de contacto |
< a href = "http://htmlinc.com/sitemap.php" > mapa del sitio < /a >
< H4 estilo = "texto-alinee: Centro" > título de la página < / H4 >
< / div >
< DIV >
Aquí va el contenido del cuerpo. Esta página se lleva a cabo junto con CSS. El texto más que pone aquí más tu página crecerá junto con el texto. < BR >
Puede utilizar esta plantilla para formar varias webs diferentes cambiando sólo tres cuadros: < BR >< BR >
< img src="images/bullet.jpg" alt = "Bala" style = "padding: 10px 10px 0px 10px" > header.jpg < BR >
< img src="images/bullet.jpg" alt = "Bala" style = "padding: 10px 10px 0px 10px" > body.jpg < BR >
< img src="images/bullet.jpg" alt = "Bala" style = "padding: 10px 10px 0px 10px" > footer.jpg < BR >< BR >
Vamos a utilizar esta plantilla para todas las futuras lecciones.
< / DIV >
< / DIV >
< / DIV >
< DIV id = navlist >
< DIV id = nav-1 >
< H3 > el menú < / H3 >
< UL >
< LI >< A href = "http://htmlinc.com/web101.php" > Web 101 < /A >< /LI >
< LI >< a href = "http://htmlinc.com/code.php" > código HTML < /a >< /LI >
< LI >< a href = "http://htmlinc.com/htmlcolorcodes.php" > < /a >< /LI > los códigos de Color
< LI >< a href = "http://htmlinc.com/css.php" > CSS < /a >< /LI >
< /UL >
< / DIV >
< / DIV >
< / DIV >
< DIV id = pie de página >
< / DIV >
< /body >
< / HTML >
