How to Create a Simple Website with HTML & CSS (TypeA : Sidebar Menu)



Introduction & Demo

In this video, I’ll show you how to create a simple website with HTML and CSS.

First, please check the demo page.

In this tutorial, you’ll use list tag, table, form, float… a lot of things!
Even if you’ve never code HTML and CSS, don’t worry.
You can watch every step in the video, and all you need is a text editor!

Hope you try and enjoy creating your website:)


File Structure

Here is the file structure. Please prepare these files before you start.

  • Folder
    • about.html
    • access.html
    • contact.html
    • css
      • font-awesome (← This is optional. You can download from here.)
      • style.css
    • image
      • map.png (← Use image whatever you like. OR, you can save “map.png” from here.)
    • index.html



How to Create a Simple Website (TypeA : Sidebar Menu) with HTML & CSS


Sample Code



Google Fonts:
Font Awesome:

Working as a freelance programmer in Japan. I try to make coding as simple as possible. Hope you enjoy coding🙂