Paso 1: código de
<!--creado por profesor Pickle-->
< html >
< head >
< title > diseño web < / title >
< cuerpo background="back.jpg" >
< /HEAD >
< cuerpo >
< div >
< div estilo = "margen-abajo: 0; font-tamaño: 50px;" > nombre de la empresa
< / div >
< div estilo = "font-tamaño: 30px; width: 250px; altura: 600px; flotante: izquierda; border: 1px solid black;" >
< ol >
< i > menú: < /i >< br >
< h >
Inicio < li >< b > < /b >< /li >
< li >< un href="Op1.html" title = "Breve descripción" > opción 1 < /a >< br >< /li >
< li >< un href="Op2.html" title = "Breve descripción" > opción 2 < /a >< br >< /li >
< li >< un href="Contact.html" title = "Breve descripción" > contacto < /a >< br >< /li >
< li > etc.... < /li >
< /ol >
< / div >
< div estilo = "fondo-color: gris, ancho: 775px, altura: 600px; font-tamaño: 20px; float: derecho; align: derecha, negro sólido frontera: 4px; opacidad: 0.9;" >
< img estilo = "width: 175px; altura: 175px; float: derecho;" src="logo.jpg" alt = "Logo" title = "Logo" >< / img >< br >
< h2 align = "center" > Acerca de nosotros... < / h2 >
< estilo p = "margen: 35px;" > información aquí va... < br >
... Y aquí. < br >
< h >
< h >
< h >
< /p >
< div estilo = "color: blue; font-tamaño: 20; margen: 35px;" >
< a href="Contact.html" > Contáctenos! < /a >
< / div >
< / div >
< div align = "center" >
< img estilo = "width: 200px; altura: 300px; flotante: izquierda;" src="main.jpg" alt = "Estamos aquí ayudar a" border = "2" >< / img >
< cite > que estamos aquí para ayudar a < cite >
< / div >
< div estilo = "fondo-color: negro, claro: ambos; texto-alinee: Centro; color: white" >
credenciales de < sub > empresa ir aquí... < / sub >< br >
< / div >
< /body >
< / html >