Website Design Template (1 / 2 stap)

Stap 1: Code

<! Html DOCTYPE >
<!--gecreëerd door Professor augurk-->
< html >
< head >
< titel > websiteontwerp < / title >
< body background="back.jpg" >
< / head >
< body >
< div >
< div stijl = "margin-bottom: 0; lettertype-grootte: 50px;" > de bedrijfsnaam
< / div >
< div stijl = "lettertype-grootte: 30px breedte: 250px hoogte: 600px; float: left; rand: 1px solid zwart;" >
< ol >
< i > Menu: < /i >< br >
< hr >
< li >< b > Home < /b >< /li >
< li >< een href="Op1.html" titel = "Kort omschrijving" > optie 1 < /a >< br >< /li >
< li >< een href="Op2.html" titel = "Kort omschrijving" > optie 2 < /a >< br >< /li >
< li >< een href="Contact.html" titel = "Kort omschrijving" > Contactgegevens < /a >< br >< /li >
< li > enz... < /li >
< /ol >
< / div >
< div stijl = "achtergrond-kleur: grijs breedte: 775px hoogte: 600px; lettertype-grootte: 20px; float: recht; uitlijnen: recht; rand: 4px effen zwart dekking: 0,9;" >
< img style = "width: 175px; hoogte: 175px float: recht;" src="logo.jpg" alt = "Logo" title = "Logo" >< / img >< br >
< h2 align = "center" > over ons... < / h2 >
< p style = "marge: 35px;" > Hier komt info... < br >
... En hier. < br >
< hr >
< hr >
< hr >
< /p >
< div stijl = "kleur: blauw; lettertype-grootte: 20; marge: 35px;" >
< een href="Contact.html" > contact met ons op! < /a >
< / div >
< / div >
< div align = "center" >
< img style = "width: 200px; hoogte: 300px; float: left;" src="main.jpg" alt = "We zijn hier om te helpen" border = "2" >< / img >
< cite > dat we zijn hier om help < / noemen >
< / div >
< div stijl = "achtergrond-kleur: black, clear: both; text-align: center; kleur: wit" >
< sub > bedrijf referenties gaan hier... < / sub >< br >
< / div >
< / body >
< / html >