Capítulo 3 – Estructura básica y mi primera página web

Curso HTML

Capitulo 3 ➜ Estructura básica y mi primera página web

Estructura básica y mi primera página web

Estructura básica de un documento HTML y creando mi primera página web.

En esta lección aprenderás la estructura básica de un documento de HTML. Crearás tu primera página web y conocerás las etiquetas

y además de su importancia en el correcto funcionamiento de una página web.

Mi primera página web

Bienvenido a mi página web

¡Excelente! Aquí tienes un ejemplo muy básico de una primera página web utilizando HTML. Puedes utilizar este código como punto de partida y personalizarlo según tus necesidades.

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Mi Primera Página Web</title>
</head>
<body>
    <header>
        <h1>Bienvenido a Mi Primera Página Web</h1>
    </header>
    
    <nav>
        <ul>
            <li><a href="#">Inicio</a></li>
            <li><a href="#">Acerca de Mí</a></li>
            <li><a href="#">Contacto</a></li>
        </ul>
    </nav>

    <main>
        <section>
            <h2>Acerca de Mí</h2>
            <p>Hola, soy [Tu Nombre] y esta es mi primera página web. Estoy emocionado por aprender desarrollo web y compartir mis intereses y proyectos aquí.</p>
        </section>
        
        <section>
            <h2>Mis Intereses</h2>
            <ul>
                <li>Programación</li>
                <li>Diseño web</li>
                <li>Tecnología</li>
            </ul>
        </section>
    </main>

    <footer>
        <p>Derechos de autor © 2023 [Tu Nombre]</p>
    </footer>
</body>
</html>

En este ejemplo, hemos creado una página web muy sencilla con tres secciones:

Encabezado (<header>): Donde presentamos el título de la página.
Navegación (<nav>): Una barra de navegación con enlaces a diferentes partes de la página.
Contenido Principal (<main>): Contiene dos secciones de contenido, una para "Acerca de Mí" y otra para "Mis Intereses".
Pie de Página (<footer>): Donde se muestra información de copyright.

Puedes personalizar este contenido, agregar imágenes, enlaces y estilos CSS para que tu página web refleje tus intereses y personalidad. Este es solo un punto de partida, y a medida que aprendas más sobre HTML y desarrollo web, podrás expandir y mejorar tu página. ¡Diviértete creando tu primera página web!

1429 visitas

« Capítulo 2 – Instalando VIsual Studio Code

Capítulo 4 – Encabezados HTML »

{ Curso HTML }

Compartir link con tus amigos