PATRÓN DE PAGINA WEB SOLAMENTE CON HTML
html
<!DOCTYPE html>
<html>
<head>
<title>Página con 3 Menús (Solo HTML)</title>
</head>
<body>
<!-- MENÚ 1: BARRA SUPERIOR (Usando una tabla para alinear) -->
<table width="100%" bgcolor="#D3D3D3" border="0">
<tr>
<td>
<b>Navegación Principal:</b>
<a href="#inicio">Inicio</a> |
<a href="#servicios">Servicios</a> |
<a href="#nosotros">Nosotros</a> |
<a href="#contacto">Contacto</a>
</td>
</tr>
</table>
<hr>
<!-- Estructura de cuerpo con tabla para simular menú lateral -->
<table width="100%" border="0">
<tr>
<!-- MENÚ 2: MENÚ LATERAL -->
<td width="20%" valign="top" bgcolor="#F0F0F0">
<h3>Categorías</h3>
<ul>
<li><a href="#tech">Tecnología</a></li>
<li><a href="#bio">Biografías</a></li>
<li><a href="#edu">Educación</a></li>
<li><a href="#ayuda">Centro de Ayuda</a></li>
</ul>
</td>
<!-- CONTENIDO PRINCIPAL -->
<td width="80%" valign="top">
<h1>Bienvenido a la página</h1>
<p>Esta página utiliza etiquetas de HTML básico y tablas para organizar los tres menús solicitados sin usar CSS.</p>
</td>
</tr>
</table>
<hr>
<!-- MENÚ 3: PIE DE PÁGINA -->
<center>
<h4>Redes y Legal</h4>
<nav>
<a href="https://facebook.com">Facebook</a> -
<a href="https://twitter.com">Twitter</a> -
<a href="#politica">Política de Privacidad</a>
</nav>
<p>Copyright 2024 - Mi sitio web en HTML puro</p>
</center>
</body>
</html>
Comentarios
Publicar un comentario