webrafa

///////////index.html/////////////
<!DOCTYPE html>
<html>
<head>
<style>
div.menu {
    background-color: #b3ecff;
    overflow: auto;
    white-space: nowrap;
}

div.menu a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 30px;
    text-decoration: none;

}

div.titu p {
    display: inline-block;
    color: green;
    text-align: center;
    padding: 30px;
    text-decoration: none;

}


div.menu a:hover {
    background-color: #777;
}
</style>
</head>
<body>

<div class="titu">
  <p>PLATOS TIPICOS DEL PERU</a>
</div>
<div class="menu">
  <a href="#">AREQUIPA</a>
  <a href="#">TRUJILLO</a>
  <a href="contactos.html">CONTACTOS</a>
</div>

<ul>
	<li>Costumbres</li>
    	<li>Costos</li>

</ul>

  <img src="tigre.jpg" width="201" height="108">

</body>
</html>

////////////////contactos.html/////////////////

<!DOCTYPE html>
<html>
<body>

<p>.....................</p>

<table >
<thead>
<tr>
<th>Arequipa</th>
<th>Trujillo</th>
<th>Huancavelica</th>
<th>Otros</th>
</tr>
</thead>
<tfoot>
<tr>
<td colspan="4">

</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Contacto Arequipa</td>
<td>Contacto Trujillo</td>
<td>Contacto Huancavelica</td>
<td>cell4_1</td>
</tr>
<tr>
<td>cell1_2</td>
<td>cell2_2</td>
<td>cell3_2</td>
<td>cell4_2</td>
</tr>
</tbody>
</table>

<br>
<br>
<br>
<video width="420" height="340" autostart="false" controls>
  <source src="video.mp4">
 </video>

</body>
</html>