Notifications

No notifications

/Phase 1

HTML Essentials

HTML — The Skeleton of Every Web Page

HTML (HyperText Markup Language) defines the structure and meaning of web content. Modern HTML5 introduces semantic elements that describe their purpose, making pages accessible and SEO-friendly.

Semantic vs Non-Semantic Elements

SemanticNon-SemanticPurpose
Page/section header
Navigation links
Primary content
Self-contained content
Thematic grouping
Tangentially related
Page/section footer

Document Structure

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My Page</title>
  </head>
  <body>
    <header>…</header>
    <main>…</main>
    <footer>…</footer>
  </body>
</html>

Forms — Collecting User Input

Forms use

, ,