Inicio » Cursos » HTML

Introducción al Desarrollo Web

Conociendo HTML

Organizando el contenido HTML

Agregando recursos multimedia

Gestionando datos en HTML

Curso HTML

Lección: 3 ➜ Estructura básica y mi primera página web

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

Lección 3: Estructura básica y 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:

  1. Encabezado (<header>): Donde presentamos el título de la página.

  2. Navegación (<nav>): Una barra de navegación con enlaces a diferentes partes de la página.

  3. Contenido Principal (<main>): Contiene dos secciones de contenido, una para "Acerca de Mí" y otra para "Mis Intereses".

  4. 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!


962 visitas

Más cursos que pueden interesarte

Más cursos

Codea Codea App

México, Colombia, España, Venezuela, Argentina, Bolivia, Perú

© Todos los derechos reservados Codea App | ...de frente al código!!! | 2020 - 2023