Lesson 1: Basic Structure of HTML

HTML is the language used to create web pages. It uses tags to organize content.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>My First Page</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    <p>This is a paragraph.</p>
  </body> 
</html>

Explanation:

  • <!DOCTYPE html> declares the document type.
  • <html> wraps the whole page.
  • <head> contains meta info and title.
  • <body> contains visible content.
  • <h1> is a heading.
  • <p> is a paragraph.

Lesson 2: Basic CSS

CSS styles your HTML content, controlling colors, fonts, and layout.

p {
  color: blue;
  font-size: 18px;
}

This CSS makes all paragraphs blue and bigger.