#Basic Html (1).png

So, you’ve finally picked your code editor, and saved your very first file called index.html – tbh those two steps took me at least a week and a half to figure out on my own.

The nice thing is that these steps are used for every single webpage that you’ll ever develop. Easy peasy, amirite?

I can see you’re itching to code your little heart out. And don’t worry, you will.
Once you finish reading my blog.

At this point your editor should look like this:

I’m using VS Code

Screen Shot 2018-09-06 at 12.44.18 PM

Yippee! All the stuff I write will be saved as a webpage!! WOOOoooOOOooo!

In an unfortunate turn of events, this is not the only step needed to start your webpage coding journey.

This step may seem as unnecessary as soaking your gels before peeling them off.

But in the end it’s actually very necessary and that’s why everyone does it.


<!DOCTYPE html>

An unsexy set of letters and symbols that will top off your html coding file like my roommates top off my wine.

Le Example:

Screen Shot 2018-09-12 at 2.56.05 PM.png

<!DOCTYPE html> let’s your code editor know that what you’re about to let fly is a slew of letters, symbols and numbers that will eventually equate to an html webpage.

You will also feel #blessed if you’re using Visual Studio Code Editor(the one I’ve been using most recently), because double whammy – typing <!DOCTYPE html> actually helps a girl out.

Screen Shot 2018-09-12 at 2.55.50 PM.png

LOLOLOL this auto populates for me!!!

What you see here is the code template for a basic html webpage.

And I didn’t have to do anything!!!

Use at your own risk ~

Read: we will not be using an auto-populated template on this blog because


And ya can’t learn if someone’s already done all the work for ya!

Note: I use the auto-populated template now that I know what each section of the template means and how they work – feel free to do the same if you’ve done this before!

Once you’ve added <!DOCTYPE html>, click Save.

Now it’s time to get coding.


Leave a Comment!