lenguajes/html.html

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML - Lenguajes - TioTropi Dev</title>
    <link rel="stylesheet" href="../styles.css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
</head>
<body>
    <header>
        <img src="../imagenes/logo.png" alt="Logo del Blog" class="logo">
        <h1>TioTropi Dev</h1>
        <p>Explorando el mundo del código</p>
    </header>

    <nav class="navbar">
        <input type="checkbox" id="nav-toggle" class="nav-toggle">
        <label for="nav-toggle" class="nav-toggle-label">
            <span></span>
        </label>
        <ul class="nav-menu">
            <li><a href="../index.html">Inicio</a></li>
            <li class="has-submenu">
                <a href="#">Lenguajes</a>
                <ul class="submenu">
                    <li><a href="html.html" class="active">HTML</a></li>
                    <li><a href="css.html">CSS</a></li>
                    <li><a href="javascript.html">JavaScript</a></li>
                    <li><a href="python.html">Python</a></li>
                </ul>
            </li>
            <li class="has-submenu">
                <a href="#">Frameworks</a>
                <ul class="submenu">
                    <li><a href="../frameworks/react.html">React</a></li>
                    <li><a href="../frameworks/vue.html">Vue</a></li>
                    <li><a href="../frameworks/angular.html">Angular</a></li>
                </ul>
            </li>
            <li><a href="../recursos.html">Recursos</a></li>
            <li><a href="../sobre_mi.html">Sobre Mí</a></li>
        </ul>
    </nav>

    <main>
        <section class="main-content">
            <h2>HTML</h2>
            <p>
                HTML (HyperText Markup Language) es el lenguaje de marcado estándar para crear páginas web.
                Es la base de cualquier sitio web, proporcionando la estructura del contenido.
            </p>
            <h3>Características Principales</h3>
            <ul>
                <li>Lenguaje fácil de aprender y usar.</li>
                <li>Compatible con todos los navegadores web modernos.</li>
                <li>Extensible mediante el uso de tecnologías como CSS y JavaScript.</li>
            </ul>
            <h3>Recursos para Aprender HTML</h3>
            <ul>
                <li><a href="https://developer.mozilla.org/es/docs/Web/HTML" target="_blank">Documentación de HTML en MDN</a></li>
                <li><a href="https://www.w3schools.com/html/" target="_blank">Tutorial de HTML en W3Schools</a></li>
                <li><a href="https://html.com/" target="_blank">Guías y ejemplos en HTML.com</a></li>
                <li><a href="https://www.freecodecamp.org/" target="_blank">Curso gratuito de HTML en freeCodeCamp</a></li>
            </ul>
            <h3>Proyectos para Practicar</h3>
            <ul>
                <li>Crear una página de perfil personal con información básica.</li>
                <li>Diseñar una galería de imágenes con descripciones.</li>
                <li>Desarrollar una página de inicio simple para un negocio local.</li>
            </ul>
        </section>

        <aside>
            <section class="sidebar-content">
                <h3>Curiosidades de Programación</h3>
                <p>
                    ¿Sabías que la primera versión de HTML fue desarrollada por Tim Berners-Lee en 1991?
                    Fue creada para compartir documentos científicos entre investigadores.
                </p>
            </section>
        </aside>
    </main>

    <footer>
        <p>&copy; 2024 TioTropi Dev. Todos los derechos reservados.</p>
    </footer>
</body>
</html>