html.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML Fundamentals | Computer House</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

  <!-- SHARED HEADER & NAVIGATION -->
  <header>
    <nav>
      <a href="index.html" class="logo">C<span>H</span></a>
      <ul class="nav-links">
        <li><a href="index.html">Home</a></li>
        <li><a href="computer.html">Computer Basics</a></li>
        <li><a href="html.html" class="active">HTML</a></li>
        <li><a href="css.html">CSS</a></li>
        <li><a href="js.html">JavaScript</a></li>
        <li><a href="php.html">PHP</a></li>
        <li><a href="sql.html">SQL</a></li>
        <li><a href="java.html">Java</a></li>
      </ul>
    </nav>
  </header>

  <!-- MAIN TUTORIAL CONTENT -->
  <main>
    <article style="background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
      <h2>HTML Fundamentals</h2>
      <p style="margin: 1rem 0;">HTML (HyperText Markup Language) serves as the scaffolding for any page you build inside Computer House.</p>
      
      <h3 style="margin-top: 1.5rem;">Basic Code Structure</h3>
      <pre style="background: #1a1a24; color: #fff; padding: 1rem; border-radius: 6px; margin: 1rem 0; overflow-x: auto;">
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Computer House Sample&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt;Welcome to Computer House!&lt;/h1&gt;
  &lt;/body&gt;
&lt;/html&gt;
      </pre>
    </article>
  </main>

  <!-- SHARED FOOTER -->
  <footer>
    <p>&copy; 2026 Computer House. All rights reserved. <a href="index.html">Back to Top</a></p>
  </footer>

</body>
</html>