🎯 Learning Objectives

By the end of this class, students will be able to:

  1. Understand the basic structure of an HTML document.
  2. Learn what meta tags are and why they are important.
  3. Understand the purpose of the <script> tag.
  4. Learn how and when to use the <code> tag.
  5. Build a complete, valid HTML document.

🧩 Part 1: HTML Document Structure (HTML Docs)

Concept:

An HTML document is the skeleton of a web page.

Every web page must follow a standard structure so browsers can understand it.

Basic HTML Document Syntax:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>My First Web Page</title>
</head>
<body>

  <h1>Hello World</h1>
  <p>This is my website.</p>

</body>
</html>

Important Tags:

Tag Purpose
<!DOCTYPE html> Tells browser this is HTML5
<html> Root element of the page
<head> Contains page info (not visible)
<body> Visible content of the page

🧩 Part 2: Meta Tags

Concept:

Meta tags provide information about the webpage to browsers and search engines.