Principal

      Comentar publicación Español
x

Elige tu idioma

EnglishEspañol

Maquetación de páginas web

Ver en modo diapositivas

 

Maquetación de páginas web

 

Fotos en el album: 39

 

Sistema de maquetación antiguo con tablas:

<html>
<head>

<title>Ejemplo de distribuci&oacute;n de p&aacute;gina</title>
</head>

<body>

<table width="100%" style="height: 100%;" border="0" cellspacing="0">
<tr>
<td colspan="2" style="background-color:magenta;">
<h1>
Logo de la p&aacute;gina Web</h1>
</td>
</tr>

<tr valign="top">
<td width="20%" valign="top" style="background-color:grey;">
<b>

Botonera</b><br />
Bot&oacute;n 1<br />
Bot&oacute;n 2<br />
Bot&oacute;n 3<br />
Bot&oacute;n 4
</td>
<td valign="top" style="background-color:white;">
Contenido principal de la p&aacute;gina.</td>
</tr>
<tr>
<td colspan="2" align="center" style="background-color:darkgrey;">
Copyright © 2012 P&aacute;gina de Ejemplo</td>
</tr>
</table>

</body>
</html>

<< Volver al Curso de HTML - Cuarta parte

Sé el primero al que le gusta
Compartir


Sigue a Youbioit