por MISSARG Jue Nov 25, 2010 4:09 pmDiseño Simple de una pagina en HTML
Ejemplo:
Ejemplo:
- Código:
<html>
<head>
<title>PAGINA</title>
<style type="text/css">
body{margin-top:50px;margin-left:90px;margin-right:40px;margin-bottom:50px;
width:800;}
p.titulo{color:gray;text-align:justify;}
p.titulo2{color:gray;text-align:justify;}
p.titulo3{color:silver;text-align:justify;}
</style>
</head>
<body>
<table border=0 cellspacing=0 cellpadding=0 style="border-style:dashed">
<tr><td><h3><p class="titulo"> FINANZAS</h3>
<img src="1page-img1.jpg">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis. Lorem ipsum dolor
sit amet, consectetur adipiscing elit. Vivamus eget lorem ac mi porta consectetur. Aliquam blandit posuere magna. Mauris
in mauris. Duis in tellus sed justo tempor hendrerit. Aenean eu nisl.
Lorem ipsum
</td>
<td<h3><p class="titulo">CIERRE TRATOS</h3>
<img src="mina.jpg">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget lorem ac mi porta consectetur. Aliquam blandit posuere
magna. Mauris in mauris. Duis in tellus sed justo tempor hendrerit. Aenean eu nisl.
Lorem ipsum
</td>
<td><h3><p class="titulo">CLIENTES</h3>
<img src="grupo.jpg">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget lorem ac mi porta consectetur. Aliquam blandit posuere
magna. Mauris in mauris. Duis in tellus sed justo tempor hendrerit. Aenean eu nisl
</td>
<td><h3><p class="titulo">TESTIMONIOS</h3>
<img src="testimonio.jpg">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget lorem ac mi porta consectetur. Aliquam blandit posuere
magna. Mauris in mauris. Duis in tellus sed justo tempor hendrerit. Aenean eu nisl
</td>
</tr>
</table>
<hr width=1500;>
<h3><p class="titulo2">!CREE EL PROGRESO DE SU EMPRESA ELIGIENDONOS!</h3>
<h4><p class="titulo3">SU PROGRESO ES NUESTRO DESAFIO</h4>
<div align="left"><div style="
width:800;height:100px;border:2px solid dashed;">LLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eget lorem ac mi porta consectetur. Aliquam blandit posuere magna. Mauris in mauris. Duis in tellus sed justo tempor hendrerit. Aenean eu nisl.
Lorem ipsum
</div>
<table>
<table border=0 cellspacing=0 cellpadding=0 style="border-style:dashed">
<tr>
<td>
<img src="reloj.gif">
</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis. Lorem ipsum dolor
sit amet, consectetur adipiscing elit. Vivamus eget lorem ac mi porta consectetur. Aliquam blandit posuere magna. Mauris
in mauris. Duis in tellus sed justo tempor hendrerit. Aenean eu nisl.
Lorem ipsum
</td>
<td>
<img src="carpeta.gif">
</td>
<td>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis. Lorem ipsum dolor
sit amet, consectetur adipiscing elit. Vivamus eget lorem ac mi porta consectetur. Aliquam blandit posuere magna. Mauris
in mauris. Duis in tellus sed justo tempor hendrerit. Aenean eu nisl.
Lorem ipsum
</td>
</tr>
</table>
<div align="left">
<ul> <li><a href=http://www.urbe.biz/>Lorem ipsum</a> <li><a href=http://www.urbe.biz/>Lorem ipsum</a> <li><a href=http://www.urbe.biz/>Lorem ipsum</a> <li><a href=http://www.urbe.biz/>Lorem ipsum</a> </ul> </div> </body> </html>
The Exiles
