# Web Development for Kids! 🌈

> A child's first real website: what HTML and CSS are, and how kids go from a blank page to something they can show their family.

_Canonical HTML: https://codersbee.com/tutorials/web/intro/_

Build your own amazing websites!

### The Building Blocks of the Web

Web development is like building a digital house with three main tools: HTML (structure), CSS (style), and JavaScript (behavior)!

### Your First HTML Code:

<!DOCTYPE html>
<html>
  <head>
    <title>My Awesome Website</title>
  </head>
  <body>
    <h1>Welcome to My Page!</h1>
    <p>This is my first website.</p>
  </body>
</html>

### Making it Pretty with CSS:

body {
  background-color: lightblue;
  font-family: Arial;
}

h1 {
  color: purple;
  text-align: center;
}

.cool-box {
  border: 3px solid pink;
  padding: 10px;
  border-radius: 10px;
}

### Adding Magic with JavaScript:

function changeText() {
  document.getElementById("message")
    .innerHTML = "Wow, you clicked me!";
}

### What You Can Create:

-   Your own personal website
-   Interactive games and animations
-   Beautiful designs with CSS

**Pro Tip:** Start small and build up to bigger projects!
