Step-by-step programming tutorial with examples

1. Workplace preparation (VSC)
2. First html (command !+enter) tags head, body,title, h1
3. Tag div , color, border, corners
4. Changing styles(background, color, height, width)
5. Using class and id for styling
6. Styles border-radius. text-align, margin, padding, box-shadow
7. Tag a and links to html pages, absolute and relative path
8. JavaScript. Tag button and function with alert (onclick)
9. Two buttons for change color of square (document.querySelector)
10. Tag input and function for change color (event onchange)