Está en la página 1de 6

En esta ocasin, utilizaremos Formularios y Controles :

<html> <head><title>Sistema de reserva</title></head> <body bgcolor="#F79F01"> <center> <table border=1 width="50%"> <tr><td align="center"> <img src="imagenes/titulo.jpg" alt="Hotel El Sol Naciente" width="600" height="100"></td></tr> <tr><td align="center" bgcolor="#F3F781"><h1>Sistema de Reserva</h1></td></tr> </table> <table border="0" width="50%"> <tr> <td align="center" bgcolor="#FFBF00"><a href="index.html"> Inicio</a></td> <td align="center" bgcolor="#FFBF00"><a href="habitacion.html"> Habitacion</a></td> <td align="center" bgcolor="#FFBF00"><a href="restaurante.html">Restaurante</a></td> <td align="center" bgcolor="#FFBF00"><a href="contacto.html">Contacto</a></td> <td align="center" bgcolor="#FFBF00"><a href="comentarios.html">Comentarios</a></td> </tr> </table> <hr width="50%" size="3" color="red"> <table width="50%" border="1"> <tr><th><img src="imagenes/fondo.jpg" alt="Hotel El Sol Naciente" width="600" height="600"></th> </tr> </table> <hr width="50%" size="3" color="red">

<font face="verdana" color="#ffffff" size="1"> Web realizada por:<b> Carlos Aguas Tmara</b><br> Copyright 2013 - Hotel El Sol Naciente<br> Ultima actualizacion realizada:26-Agosto-2013<br> Bogota D. C. </font> <hr width="50%" size="3" color="red"> </center> </body> </html>

<html> <head><title>Reservacion de habitacion</title></head> <body bgcolor="#F79F01"> <center> <table border=1 width="50%"> <tr><td align="center"> <img src="imagenes/titulo.jpg" alt="Hotel El Sol Naciente" width="600" height="100"></td></tr> <tr><td align="center" bgcolor="#F3F781"><h1>Reserva de Habitacion</h1></td></tr> </table> <table border="0" width="50%"> <tr> <td align="center" bgcolor="#FFBF00"><a href="index.html"> Inicio</a></td> <td align="center" bgcolor="#FFBF00"><a href="habitacion.html"> Habitacion</a></td> <td align="center" bgcolor="#FFBF00"><a href="restaurante.html">Restaurante</a></td> <td align="center" bgcolor="#FFBF00"><a href="contacto.html">Contacto</a></td> <td align="center" bgcolor="#FFBF00"><a href="comentarios.html">Comentarios</a></td> </tr> </table> <hr width="50%" size="3" color="red"> <form> <table width="50%" border="1"> <tr><th>Nombre</th> <td><input type="text" title="Su nombre" name="nombre" size="30"></td> <th>Apellido</th> <td><input type="text" title="Su apellido" name="apellido" size="30"></td> <th>Clave</th> <td><input type="password" title="Ingrese 4 Letras" name="clave" size="4" maxlength="4"></td> </tr> <tr> <th>Direccion</th> <td><textarea name="direccion" rows="2" cols="23"></textarea></td> <th>Tipo</th> <td> <input type="radio" name="thabitacion" value="individual">Individual <input type="radio" name="thabitacion" value="doble" checked>Doble </td> </tr> <tr> <th>Extra</th> <td> <input type="checkbox" name="desayuno" checked>Desayuno en cama <input type="checkbox" name="jakuzzy">Jakuzzy <input type="checkbox" name="climatizador">Climatizador </td>

<td><input type="button" value="Enviar"></td> </tr> </table> </form> <table width="50%" border="1"> <tr><th><img src="imagenes/habitacion.jpg" alt="Hotel El Sol Naciente" width="600" height="400"></th> </tr> </table> <hr width="50%" size="3" color="red"> <font face="verdana" color="#ffffff" size="1"> Web realizada por:<b> Carlos Aguas Tmara</b><br> Copyright 2013 - Hotel El Sol Naciente<br> Ultima actualizacion realizada:26-Agosto-2013<br> Bogota D. C. </font> <hr width="50%" size="3" color="red"> </center> </body> </html>

<html> <head><title>Reservacion de mesa</title></head> <body bgcolor="#F79F81"> <center> <table border=1 width="50%"> <tr><td align="center"> <img src="imagenes/titulo.jpg" alt="Hotel El Sol Naciente" width="600" height="100"></td></tr> <tr><td align="center" bgcolor="#F3F781"><h1>Reservacion de Mesa</h1></td></tr> </table> <table border="0" width="50%"> <tr> <td align="center" bgcolor="#FFBF00"><a href="index.html"> Inicio</a></td> <td align="center" bgcolor="#FFBF00"><a href="habitacion.html"> Habitacion</a></td> <td align="center" bgcolor="#FFBF00"><a href="restaurante.html">Restaurante</a></td> <td align="center" bgcolor="#FFBF00"><a href="contacto.html">Contacto</a></td> <td align="center" bgcolor="#FFBF00"><a href="comentarios.html">Comentarios</a></td> </tr> </table> <hr width="50%" size="3" color="red"> <form> <table width="50%" border="1"> <tr><td>Nombre <input type="text" title="Su nombre" name="nombre" size="20"></td> <td>Apellido <input type="text" title="Su apellido" name="apellido" size="20"></td> <td>No. de personas <input type="text" title="Cuantas personas?" name="npersonas" size="4" maxlength="4"></td> </tr> <tr> <td>Fecha de reserva <input type="text" title="AA-MM-DD" name="fecha" size="20" </td> <td><input type="button" value="Enviar"></td>

</tr> </table> </form> <hr width="50%" size="3" color="red"> <table width="50%" border="1"> <tr><th><img src="imagenes/restaurante.jpg" alt="Hotel El Sol Naciente" width="600" height="400"></th> </tr> </table> <hr width="50%" size="3" color="red"> <font face="verdana" color="#ffffff" size="1"> Web realizada por:<b> Carlos Aguas Tmara</b><br> Copyright 2013 - Hotel El Sol Naciente<br> Ultima actualizacion realizada:26-Agosto-2013<br> Bogota D. C. </font> <hr width="50%" size="3" color="red"> <center> </body> </html>

<html> <head><title>Contactos</title></head> <body bgcolor="#F79F01"> <center> <table border=1 width="50%"> <tr><td align="center"><img src="imagenes/titulo.jpg" alt="Hotel El Sol Naciente" width="600" height="100"></td></tr> <tr><td align="center" bgcolor="#F3F781"><h1>Contactenos</h1></td></tr> </table> <table border="0" width="50%"> <tr> <td align="center" bgcolor="#FFBF00"><a href="index.html"> Inicio</a></td> <td align="center" bgcolor="#FFBF00"><a href="habitacion.html"> Habitacion</a></td> <td align="center" bgcolor="#FFBF00"><a href="restaurante.html">Restaurante</a></td> <td align="center" bgcolor="#FFBF00"><a href="contacto.html">Contacto</a></td> <td align="center" bgcolor="#FFBF00"><a href="comentarios.html">Comentarios</a></td> </tr> </table> <hr width="50%" size="3" color="red"> <form> <table width="50%" border="1"> <tr><td>Nombre <input type="text" title="Su nombre" name="nombre" size="20"></td> <td>Apellido <input type="text" title="Su apellido" name="apellido" size="20"></td> <td>E-Mail <input type="text" title="Su correo" name="email" size="20"></td> </tr> <tr> <td>Telefono <input type="text" title="su telefonoD" name="telefono" size="20" </td> <td>Dirigido a <select name="dirigido">

<option SELECTED>Gerencia <optio>Reservas, alojamiento <option>Quejas y reclamos <option>Serviciuo al cliente <option>Solicitud de eventos <option>Recepcion <option>Directora financiera <option>Cartera </select> </td> </tr> <tr> <td>Mensaje <textarea name="mensaje" rows="3" cols="30"> </textarea> </td> <td><input type="button" value="Enviar"></td> </tr> </table> </form> <hr width="50%" size="3" color="red"> <table width="50%" border="1"> <tr><th><img src="imagenes/recepcion.jpg" alt="Hotel El Sol Naciente" width="600" height="400"></th> </tr> </table> <hr width="50%" size="3" color="red"> <font face="verdana" color="#ffffff" size="1"> Web realizada por:<b> Carlos Aguas Tmara</b><br> Copyright 2013 - Hotel El Sol Naciente<br> Ultima actualizacion realizada:26-Agosto-2013<br> Bogota D. C. </font> <hr width="50%" size="3" color="red"> <center> </body> </html>

<html> <head><title>Comentarios</title></head> <body bgcolor="#F79F01"> <center> <table border=1 width="50%"> <tr><td align="center"> <img src="imagenes/titulo.jpg" alt="Hotel El Sol Naciente" width="600" height="100"></td></tr> <tr><td align="center" bgcolor="#F3F781"><h1>Comentarios</h1></td></tr> </table> <table border="0" width="50%"> <tr> <td align="center" bgcolor="#FFBF00"><a href="index.html"> Inicio</a></td> <td align="center" bgcolor="#FFBF00"><a href="habitacion.html"> Habitacion</a></td> <td align="center" bgcolor="#FFBF00"><a href="restaurante.html">Restaurante</a></td>

<td align="center" bgcolor="#FFBF00"><a href="contacto.html">Contacto</a></td> <td align="center" bgcolor="#FFBF00"><a href="comentarios.html">Comentarios</a></td> </tr> </table> <hr width="50%" size="3" color="red"> <form> <table border="1" width="50%"> <tr> <td align="center" bgcolor="#F3F781"> Por favor envenos sus comentarios o sugerencias. <textarea name="comentarios" rows="5" cols="80" ></textarea> <p> <input type="button" value="Enviar"> </td> </tr> </table> </form> <hr width="50%" size="3" color="red"> <table width="50%" border="1"> <tr><th><img src="imagenes/comentarios.jpg" alt="Hotel El Sol Naciente" width="600" height="400"></th> </tr> </table> <hr width="50%" size="3" color="red"> <font face="verdana" color="#ffffff" size="1"> Web realizada por:<b> Carlos Aguas Tmara</b><br> Copyright 2013 - Hotel El Sol Naciente<br> Ultima actualizacion realizada:26-Agosto-2013<br> Bogota D. C. </font> <hr width="50%" size="3" color="red"> <center> </body> </html>