<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Título de la página</title>
<style>
/* Estilos para el menú responsive */
.menu {
display: none;
}
@media screen and (max-width: 600px) {
.menu {
display: block;
}
.links {
display: none;
}
}
</style>
</head>
<body>
<header>
<h1>Encabezado de la página</h1>
<nav class="menu">
<a href="#">Inicio</a>
<a href="#">Acerca</a>
<a href="#">Contacto</a>
</nav>
</header>
<nav class="links">
<a href="#">Inicio</a>
<a href="#">Acerca</a>
<a href="#">Contacto</a>
</nav>
<section>
<h2>Sección principal</h2>
<!-- Aquí va el contenido principal de tu página -->
</section>
<footer>
<p>Pie de página</p>
</footer>
</body>
</html>Este código incluye un encabezado, un menú responsive (aunque necesitarías agregar estilos CSS para que sea realmente responsive), una sección principal y un pie de página. Puedes personalizar el contenido y los estilos según tus necesidades.
0 Comentarios