/simplest-from-scratch-coding-exercise

The simplest from scratch coding exercise to answer "What's the best way to learn to code if you know nothing?"

Primary LanguageHTML

Simplest from scratch coding exercise

This is the simplest from scratch coding exercise to answer "What's the best way to learn to code if you know nothing?".

The goal is to create a simple web page that displays the text "Hello World!".

The page should be valid HTML5 and should be styled with CSS.

The page should be built from scratch, without using any frameworks or libraries.

Play around by adding HTML elements and CSS styles.

You don't need JavaScript yet.

Instructions

Here are the steps to follow, use the code in this repo as a reference:

  1. Download VSCode
  2. New file index.html
  3. Open it in your browser
  4. Lay out a basic webpage, use <html>, <body>, <head> and <div> (search what they mean as you go)
  5. Add some text elements, like <h1> and <p>
  6. New file style.css
  7. Link to it in index.html (search to find out how)
  8. Add body { background: black; color: white; } to style.css
  9. Refresh index.html in your browser to see the effect your changes have had
  10. Add more HTML elements and CSS styles