HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Semantic Page</title>

  <style>

    body { font-family: system-ui, sans-serif; margin: 0; line-height: 1.6; color: #334155; }

    header { background: #f8fafc; padding: 1rem 1.5rem; border-bottom: 1px solid #e2e8f0; }

    header h1 { margin: 0 0 0.5rem; font-size: 1.35rem; }

    nav a { margin-right: 1rem; color: #2563eb; text-decoration: none; }

    main { padding: 1.5rem; max-width: 640px; }

    footer { padding: 1rem 1.5rem; background: #f1f5f9; font-size: 0.9rem; color: #64748b; }

  </style>

</head>

<body>

  <header>

    <h1>CodeToFun</h1>

    <nav>

      <a href="/html">HTML</a>

      <a href="/css">CSS</a>

      <a href="/js">JavaScript</a>

    </nav>

  </header>



  <main>

    <article>

      <h2>HTML Tags Overview</h2>

      <p>Learn every essential HTML element.</p>

    </article>

  </main>



  <footer>

    <p>&copy; 2026 CodeToFun</p>

  </footer>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Tags — Complete Semantic Page