Stap 1: Laten we bouwen een webpagina CSS!
Beginnen met het plakken van deze code in mijn Live pagina bouwer of Kladblok:
<! DOCTYPE HTML-publiek "-//W3C//DTD HTML 4.01 Transitional / / nl" "http://www.w3.org/TR/html4/loose.dtd" >
< HTML >
< HEAD >
< meta http-equiv = "Content-Type" content = "text/html; charset = iso-8859-1 ">
< TITLE > mijn eerste CSS pagina! < / TITLE >
< link rel = "StyleSheet" type = "text/css" href="stylecss.css" media = "screen" >
< / HEAD >
< BODY >
< DIV id = header >
< div class = "titel" >
< een href = "http://htmlinc.com" > uw titel < /a >
< / div >
< / DIV >
< DIV id = container >
< DIV id = inhoud >
< DIV class = "punt" >
< DIV align = "center" >
< een href = "http://htmlinc.com/index.php" > < /a > Home |
< een href = "http://htmlinc.com/services.php" > < /a > Service |
< een href = "http://htmlinc.com/aboutus.php" > over < /a > |
< een href = "http://htmlinc.com/contactus.php" > < /a > Contact |
< een href = "http://htmlinc.com/sitemap.php" > < /a > Sitemap
< H4 style = "text-align: center" > Page Title < / H4 >
< / div >
< DIV >
De lichaamsinhoud van uw - gaat hier. Deze pagina is gehouden samen met CSS. De meer tekst die je hier zetten hoe meer uw pagina zal groeien samen met het tekst. < BR >
U kunt deze sjabloon gebruiken om verscheidene verschillende websites door het veranderen van slechts drie foto's: < BR >< BR >
< img src="images/bullet.jpg" alt = "Bullet" style = "padding: 10px 10px 0px 10px" > header.jpg < BR >
< img src="images/bullet.jpg" alt = "Bullet" style = "padding: 10px 10px 0px 10px" > body.jpg < BR >
< img src="images/bullet.jpg" alt = "Bullet" style = "padding: 10px 10px 0px 10px" > footer.jpg < BR >< BR >
We zullen deze sjabloon gebruiken voor alle toekomstige lessen.
< / DIV >
< / DIV >
< / DIV >
< DIV id = navlist >
< DIV id = nav-1 >
< H3 > uw Menu < / H3 >
< UL >
< LI >< A href = "http://htmlinc.com/web101.php" > Web 101 < /A >< /LI >
< LI >< een href = "http://htmlinc.com/code.php" > HTML-Code < /a >< /LI >
< LI >< een href = "http://htmlinc.com/htmlcolorcodes.php" > kleurcodes < /a >< /LI >
< LI >< een href = "http://htmlinc.com/css.php" > CSS < /a >< /LI >
< /UL >
< / DIV >
< / DIV >
< / DIV >
< DIV id = voettekst >
< / DIV >
< / BODY >
< / HTML >
