martes, 19 de octubre de 2010

HTML [Ejercicio Casa Manolo]

Este es el primer ejercicio valorado que hacemos. El ejercicio se basa en tablas anidadas con el uso del colspan y el rowspan. También incluye enlaces a imágenes las cuales no están aquí. Esta es una imagen del ejercicio.

Y este es el codigo html (y algo de css por mi parte) que utilize para el resultado de la imagen:

<HTML>
<HEAD>
<TITLE>Carta del Restaurante Casa Manolo</TITLE>
</HEAD>
<BODY style="font-family:arial;" background="imgs\fondo_carta.gif">
<table align="center" border="1" width="65%">
<tr>
<td><i><h2 style="vertical-align:middle;" align="center"><font face="arial">CASA MANOLO</font></h2><i></td>
</tr>
<tr>
<td>
<table align="center" width="90%" bgcolor="#FFFFFF" border="6" bordercolordark="#FF0000" bordercolorlight="#FFCC00">
<tr>
<td colspan="3" align="center"><font color="red"><b>Primeros</b></font></td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="red">Sopa Castellana</font></td>
<td align="right" width="25%">3,00€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="red">Cocido Madrileño</font></td>
<td align="right">3,50€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="red">Ensalada Mixta</font></td>
<td align="right">3,00€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="red">Revuelto de Ajetes</font></td>
<td align="right">4,20€</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" width="90%" bgcolor="#FFFFFF" border="6" bordercolordark="#0000FF" bordercolorlight="#FFCC00">
<tr>
<td colspan="3" align="center"><font color="blue"><b>Segundos</b></font></td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="blue">Entrecot de Ternera</font></td>
<td align="right" width="25%">5,00€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="blue">Pollo con Champiñones</font></td>
<td align="right">4,75€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="blue">Merluza en Salsa Verde</font></td>
<td align="right">5,30€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="blue">Salmon al roquefor</font></td>
<td align="right">5,10€</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" width="90%" bgcolor="#FFFFFF" border="6" bordercolordark="olive" bordercolorlight="#FFCC00">
<tr>
<td colspan="3" align="center"><font color="olive"><b>Postres</b></font></td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="olive">Fruta del dia</font></td>
<td align="right" width="25%">1,50€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\tenedor.gif" title="Tenedor" alt="Tenedor"></img></td>
<td><font color="olive">Cuajada casera</font></td>
<td align="right">2,30€</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" width="90%" bgcolor="#FFFFFF" border="6" bordercolordark="black" bordercolorlight="#FFCC00">
<tr>
<td colspan="3" align="center"><font color="black"><b>Vinos Y Bebidas</b></font></td>
</tr>
<tr>
<td width="25px"><img src="imgs\copa.gif" title="copa" alt="copa"></img></td>
<td><font color="black">Tinto de la casa</font></td>
<td align="right" width="25%">4,50€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\copa.gif" title="copa" alt="copa"></img></td>
<td><font color="black">Rioja denominación</font></td>
<td align="right">6,20€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\copa.gif" title="copa" alt="copa"></img></td>
<td><font color="black">Blanco denominación</font></td>
<td align="right">5,80€</td>
</tr>
<tr>
<td width="25px"><img src="imgs\copa.gif" title="copa" alt="copa"></img></td>
<td><font color="black">Agua mineral</font></td>
<td align="right">1,80€</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center"><font size="1"><i>IVA 7% no incluido.</i></font></td>
</tr>
</table>
</BODY>
</HTML>

No hay comentarios: