Étape 1: Code
<!--créée par le professeur Pickle-->
< html >
< tête >
< titre > conception de sites Web < /title >
< body background="back.jpg" >
< / head >
< corps >
< div >
< div style = "marge-bottom: 0; font-size : 50px; » > nom de l’entreprise
< / div >
< div style = "font-size : 30px ; width : 250px ; hauteur : 600px ; float : left ; border : 1px solid black;" >
< ol >
< i > Menu : < /i >< br >
< hr >
Accueil < li >< b > < /b >< /li >
< li >< un href="Op1.html" titre = "Bref description" > Option 1 < /a >< br >< /li >
< li >< un href="Op2.html" titre = "Bref description" > Option 2 < /a >< br >< /li >
< li >< un href="Contact.html" titre = "Bref description" > Coordonnées < /a >< br >< /li >
< li > etc.... < /li >
< /ol >
< / div >
< div style = "background-polices ; hauteur : 600px ; largeur : 775px, couleur : gris-Taille : 20px ; float : right ; aligner : droit ; border : 4px solid noir ; opacité : 0,9; » >
< img style = "width : 175px ; hauteur : 175px ; float : right;" src="logo.jpg" alt = "Logo" title = "Logo" >< / img >< br >
< h2 align = « center » > Découvrez-nous... < / h2 >
< style p = « marge : 35px; » > info va ici... < br >
... Et ici. < br >
< hr >
< hr >
< hr >
< /p >
< div style = "color : blue ; font-size : 20 ; marge : 35px; » >
< a href="Contact.html" > Contactez-nous! < /a >
< / div >
< / div >
< div align = « center » >
< img style = "width : 200px ; height : 300px ; float : left;" src="main.jpg" alt = "Nous sommes ici pour aider" border = "2" >< / img >
< citer > que nous sommes là pour aider < / citer >
< / div >
< div style = "background-color : black ; clear : peines ; text-align : center ; couleur : blanc" >
informations d’identification < SUP > compagnie allez ici... < / sub >< br >
< / div >
< / body >
< / html >