Bygga en professionell hemsida: del 3 CSS (1 / 6 steg)
Steg 1: Låt oss bygga en CSS webbsida!
Börja med att klistra in denna kod i min Live Page Builder eller anteckningar:
<! DOCTYPE HTML PUBLIC "-//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 > min första CSS sida! < / TITLE >
< länka rel = "StyleSheet" type = "text/css" href="stylecss.css" media = "skärm" >
< / HEAD >
< BODY >
< DIV id = huvud >
< div class = "titel" >
< en href = "http://htmlinc.com" > din titel < /a >
< / div >
< / DIV >
< DIV id = behållaren >
< DIV id = innehåll >
< DIV class = "punkt" >
< DIV align = "center" >
< en href = "http://htmlinc.com/index.php" > Hem < /a > |
< en href = "http://htmlinc.com/services.php" > Service < /a > |
< en href = "http://htmlinc.com/aboutus.php" > om < /a > |
< en href = "http://htmlinc.com/contactus.php" > kontakt < /a > |
< en href = "http://htmlinc.com/sitemap.php" > Sitemap < /a >
< H4 stil = "text-align: center" > Page Title < / H4 >
< / div >
< DIV >
Din kropp innehåll - går här. Den här sidan hålls tillsammans med CSS. Mer text du lägger här mer din sida kommer att växa tillsammans med texten. < BR >
Du kan använda den här mallen för att bilda flera olika webbplatser genom att ändra endast tre bilder: < 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 >
Vi kommer att använda den här mallen för alla framtida lektioner.
< / DIV >
< / DIV >
< / DIV >
< DIV id = navlist >
< DIV id = nav-1 >
< H3 > din meny < / H3 >
< UL >
< LI >< A href = "http://htmlinc.com/web101.php" > Web 101 < /A >< /LI >
< LI >< en href = "http://htmlinc.com/code.php" > HTML-koden < /a >< /LI >
< LI >< en href = "http://htmlinc.com/htmlcolorcodes.php" > färgkoder < /a >< /LI >
< LI >< en href = "http://htmlinc.com/css.php" > CSS < /a >< /LI >
< /UL >
< / DIV >
< / DIV >
< / DIV >
< DIV id = sidfot >
< / DIV >
< / BODY >
< / HTML >