🏗️ Module 2: HTML Structure and Basic Tags


Lesson 2.1: Basic Document Structure

🔹 Overview:

Every HTML page starts with a common structure, including the DOCTYPE declaration and essential elements like <html>, <head>, and <body>.

🔹 Key Elements:

  • <!DOCTYPE html>: Declares HTML5 document type
  • <html>: Root element
  • <head>: Metadata, title, links to CSS/JS
  • <body>: Content visible to users

🔹 Example:


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Basic Structure</title>
</head>
<body>
    <h1>This is the page title</h1>
    <p>This is a paragraph in the body.</p>
</body>
</html>

        

📝 Assignment:

  • Create a basic HTML document
  • Add a title and a paragraph inside the body

Lesson 2.2: Text and Formatting Tags

🔹 Overview:

Use headings, paragraphs, and formatting tags to structure and style text content.

🔹 Tags Covered:

  • Headings: <h1> to <h6>
  • Paragraph: <p>
  • Line Break: <br>
  • Emphasis: <strong>, <em>, <mark>, <u>, <del>, <ins>

🔹 Example:


<h1>Main Heading</h1>
<p>This is a <strong>bold</strong> word and <em>emphasized</em> word.</p>

        

📝 Assignment:

  • Create a page with all 6 heading levels
  • Add a paragraph using at least 4 formatting tags

Post a Comment

0 Comments