🧩Module 1: Introduction to HTML


Lesson 1.1: What is HTML?

🔹 Overview:

HTML (HyperText Markup Language) is the standard language used to create and structure web pages. It defines the layout of content like headings, paragraphs, images, and links using "tags".

🔹 Key Concepts:

  • HTML is not a programming language – it's a markup language.
  • Every website is built with HTML at its core.
  • HTML elements are written with angle brackets, like <p>.

 🔹 Example:


<!DOCTYPE html>
<html>
<head>
    <title>My First Web Page</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is my first web page using HTML.</p>
</body>
</html>

        

📝 Assignment:

  • Write a short paragraph on what HTML does.
  • Try editing the sample code and viewing it in a browser.

Lesson 1.2: Setting Up the Environment

🔹 Overview:

Before writing HTML, you need two things:

  1. A text editor (like Visual Studio Code, Sublime Text, or Notepad++)
  2. A web browser (Chrome, Firefox, Edge)

🔹 Steps:

  1. Install VS Code
  2. Create a new file and save it as index.html
  3. Open the file in your browser

🔹 Example:

Create the following structure:


<!DOCTYPE html>
<html>
<head>
    <title>My First Page</title>
</head>
<body>
    <h1>Welcome!</h1>
</body>
</html>


        

📝 Assignment:

  • Set up your editor and browser
  • Create a folder named html-course
  • Create a file lesson1.html and write your first HTML code

Post a Comment

0 Comments