PATRÓN DE PAGINA WEB SOLAMENTE CON HTML
<!DOCTYPE html>
<html>
<head>
<title>Página con 3 Menús (Solo HTML)</title>
<style type="text/css">
body{
background-color:#F0FFFF;
}
h1{
color:#0000FF;
font-family:Calibri;
}
p{
color:#9400D3;
font-family:verdana;
}
</style>
</head>
<body>
<!-- MENÚ 1: BARRA SUPERIOR (Usando una tabla para alinear) -->
<table width="100%" bgcolor="#A52A2A" border="0" height="40px">
<tr>
<td>
<b>Navegación Principal:</b>
<a href="https://www.intelaf.com/?srsltid=AfmBOopEWB1_vSHdDVVM0ltGN1vFk9VgF4eZtLEI9kfoKntoMH5zDlnQ">Productos</a> |
<a href="https://grupointersat.com/asesoria-en-informatica/">Servicios</a> |
<a href="https://www.youtube.com/@Heber-wq4tl">Videos</a> |
<a href="mailto:solotareas502@gmail.com">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