<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<title> halcon viajes</title>
</head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<body>
<h2>Halconviajes</h2>
<p>Halcon viajes es <strong>una agencia de viajes</strong> donde encontraras tus vuelos a buen precio.</p>
<p>TUS MEJORES OFERTAS EN VUELOS<strong>negrita</strong>,Ahora puedes reservar vuelos online en solo 3 pasos <em>en cursiva</em>
o <del>tachados</del>.</p>
<p><strong>Vuelos y billetes de avión al mejor precio con Halconviajes.com</strong>
<p><strong>Vuelos</strong>con el mejor precio y las mejores aerolíneas. Introduce las fechas de tu vuelo,
el número de asientos que desees, y no olvides indicar si eres residente para que te apliquemos descuentos.
Tus billetes de avión al mejor precio</p>.
<p><strong>Ofertas de Vuelos Baratos</strong></p>.
<p>En nuestro buscador encontrarás ofertas para volar con Air Europa, RyanairVueling, Iberia… y varias compañías low cost.
Podrás reservar billetes rumbo a España, Italia, Francia, Portugal o Gran Bretaña, entre otros destinos. Tu billete de avión al
mejor precio te está esperando, atrápalo también entre nuestras ofertas last minute. Sé el más chic y llévate el vuelo más cheap.</p>.
<h2>Dinos lo que necesitas para que busquemos los mejores precios por ti</h2>
<form action="/php/insertar_table.php" method="post" enctype="multipart/form-data">
origen <br/>
<input type="text" name="origen" value="" size="20" maxlength="30" />
<br/>
salida <br/>
<input type="text" name="salida" value="" size="50" maxlength="80" />
<br/>
hora <br/>
<input type="hora" name="hora" value="" maxlength="10" />
<br/>
Adultos <br/>
<input type="text" name="adultos" value="" size="10" maxlength="9" />
niños <br/>
<input type="text" name="niños" value="" size="10" maxlength="9" />
bebes <br/>
<input type="text" name="bebes" value="" size="10" maxlength="9" />
destino <br/>
<input type="text" name="destino" value="" size="10" maxlength="9" />
regreso <br/>
<input type="text" name="regreso" value="" size="10" maxlength="9" />
hora <br/>
<input type="text" name="hora" value="" size="10" maxlength="9" />
<br/>
vuelos <br/>
<input type="radio" name="vuelos" value="vuelos" checked="checked" /> vuelos <br/>
hoteles <br/>
<input type="radio" name="hoteles" value="hoteles" checked="checked" /> hoteles <br/>
coche alquiler <br/>
<input type="radio" name="coche alquiler" value="coche alquiler" checked="checked" /> coche alquiler <br/>
paquete vacacional <br/>
<input type="radio" name="paquete vacacional" value="paquete vacacional" checked="checked" /> paquete vacacional <br/>
Vuelo + Hotel <br/>
<input type="radio" name="vuelo +hotel " value="vuelo + hotel " checked="checked" /> Hombre <br/>
<br/><br/>
<input type="submit" name="combina y ahorro " value="Guardar cambios" />
<input type="reset" name="limpiar" value="Borrar los datos introducidos" />
</form>
<h1>Menú</h1>
<ul>
<li>vuelos</li>
<label for="vuelos">vuelos</label> <br/>
<select id="vuelos" name="vuelos">
<option value="" selected="selected">- selecciona -</option>
<option value="01">Air Europa</option>
<option value="02">Baleares</option>
<option value="03">Canarias</option>
<option value="04">Desde Barcelona</option>
<option value="33">Desde Madrid</option>
<option value="05">Desde Mallorca</option>
<option value="06">Desde Tenerife</option>
<option value="07">vuelos+hotel</option>
<option value="08">Valencia</option>
</select>
<li>hoteles</li>
<label for="hoteles">hoteles</label> <br/>
<select id="hoteles" name="hoteles">
<option value="" selected="selected">- selecciona -</option>
<option value="01">Descuento 2012</option>
<option value="02">Semana Santa</option>
<option value="03">Lanzarote</option>
<option value="04">Madrid</option>
<option value="33">Ofertas</option>
<option value="05">Mallorca</option>
<option value="06">Tenerife</option>
<option value="07">Sevilla</option>
<option value="08">Valencia</option>
<option value="09">Vuelo Hotel </option>
<li>vuelo + hotel</li>
<li>coche alquiler</li>
<li>hoteles</li>
</ul>
</li>
</ul>
Artículos
<ol>
<li><strong>XHTML</strong></li>
<li>CSS</li>
<li>JavaScript</li>
<li>Otros</li>
</ol>
</li>
<li>
Contacto
<dl>
<dt><em>Email</em></dt>
<dd><strong>Halconviajes@hotmail.com</strong></dd>
<dt><em>Atención al cliente</em></dt>
<dd>902 091 800</dd>
<dt><em>Fax</em></dt>
<dd>902 091 800</dd>
<dt><em>Horario</em></dt>
<dd> L-V 9:00 - 20:30 y Sab-Dom. 10:00 - 19:00</dd>
</dl>
</li>
</ul>
<tr>
<th abbr="Imagen del producto" scope="col">Imagen</th>
<th abbr="Datos del producto" scope="col">Datos</th>
</tr>
<tr>
<td>
<img src="imagenes/buscador oficinas.png" alt="Imagen del buscador de oficinas" />
</td>
<td>
<h4><a href="#" title="Ver más información sobre el buscador de oficinas">Buscador de oficinas - lupa</a></h4>
<p><a href="#" title="mirar buscador de oficinas>mirar:</a> <del> €</del> <strong>2.599 €</strong></p>
</td>
</tr>
<tr>
<td><img src="imagenes/ventajas de comprar en halcon viajes .png" alt="Imagen de halcon viajes" /></td>
<td>
<h4><a href="#" title="Ver más información sobre la ventajas de comprar en halcon viajes"</p>
</td>
</tr>
<tr>
<td><img src="imagenes/tv.png" alt="Imagen de halcon viajes" /></td>
</tr>
<tr>
<th scope="row" abbr="Colores disponibles">Colores</th>
<td>
<img src="imagenes/color_gris.png" alt="Color gris" />
</td>
<td>
<img src="imagenes/color_negro.png" alt="Color negro" />
<img src="imagenes/color_rojo.png" alt="Color rojo" />
<img src="imagenes/color_amarillo.png" alt="Color amarillo" />
<img src="imagenes/color_azul.png" alt="Color azul" />
</td>
<td>
<img src="imagenes/color_negro.png" alt="Color negro" />
</td>
<td colspan="2">
<img src="imagenes/color_rojo.png" alt="Color rojo" />
<img src="imagenes/color_gris.png" alt="Color gris" />
</td>
</tr>
h1 {
color: red;
}
h2 {
color: blue;
}
p {
color: black;
}
h1 {
color: #8A8E27;
h3 {
color: #8A8E27;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
}
<p>
...
<span>texto1</span>
...
<a href="">...<span>texto2</span></a>
...
</p>
p span { color: red; }
h1 span { color: blue; }
p a { color: red; }
p > a { color: red; }
<p><a href="#">Enlace1</a></p>
<p><span><a href="#">Enlace2</a></span></p>
/* El cuerpo de la página debe mostrar un margen de media pulgada */
body { margin: 0.5in; }
/* Los elementos <h1> deben mostrar un interlineado de 2 centímetros */
h1 { line-height: 2cm; }
/* Las palabras de todos los párrafos deben estar separadas 4 milímetros entre si */
p { word-spacing: 4mm; }
/* Los enlaces se deben mostrar con un tamaño de letra de 12 puntos */
a { font-size: 12pt }
/* Los elementos <span> deben tener un tamaño de letra de 1 pica */
span { font-size: 1pc }
body { font-size: 10px; }
h1 { font-size: 2.5em; }
div#contenido { width: 600px; }
div.principal { width: 80%; }
<div id="contenido">
<div class="principal">
...
</div>
</div>
p { color: rgb(71, 98, 176); }
body { background-color: #FFF; color: #000; }
h1, h2, h3, h4, h5, h6 { color: #C00; }
#lateral { width: 200px; }
<div id="lateral">
...
</div>
#cabecera { height: 60px; }
<div id="cabecera">
...
</div>
div img {
margin-top: .5em;
margin-bottom: .5em;
margin-left: 1em;
margin-right: .5em;
</body>
</html>
