Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Duda] proyecto inicial

Hola saludo a todos. ¿En algún momento nos enseñaran como estructurar un index.html?

1 respuesta

Hola Luis,

¡Qué bueno que estés interesado en aprender a estructurar un archivo index.html! Aunque no puedo garantizar el contenido exacto de tu curso, puedo ofrecerte una breve introducción sobre cómo podrías estructurar un archivo index.html.

Un archivo index.html es el punto de entrada principal para la mayoría de los sitios web. Aquí tienes un ejemplo básico de cómo podrías estructurarlo:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi Página Web</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <h1>Bienvenido a Mi Página Web</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#inicio">Inicio</a></li>
            <li><a href="#sobre-mi">Sobre Mí</a></li>
            <li><a href="#contacto">Contacto</a></li>
        </ul>
    </nav>
    <main>
        <section id="inicio">
            <h2>Inicio</h2>
            <p>Esta es la sección de inicio de mi página.</p>
        </section>
        <section id="sobre-mi">
            <h2>Sobre Mí</h2>
            <p>Aquí puedes encontrar información sobre mí.</p>
        </section>
    </main>
    <footer>
        <p>&copy; 2023 Mi Página Web</p>
    </footer>
</body>
</html>

Este ejemplo incluye las secciones básicas: head para los metadatos y enlaces a hojas de estilo, body para el contenido visible, y dentro del body secciones como header, nav, main y footer. Cada una de estas partes tiene su propósito y te ayudará a organizar el contenido de tu página de manera clara y estructurada.

Espero que esto te sirva como punto de partida. ¡Espero que te enseñen más sobre esto en tu curso!