The Bone Structure of HTML
Without bones and muscles, whats hold us together?

Now for the good part! After you have defined what document the page will be, what meta data you want to use and what title you would like to display for the page. We can now talk about the body structure of our HTML page! I like to think of the <body> tags as the muscles that holds the bones together, as in, these tags are what holds all of the elements needed to really keep our html page standing strong!

Inside our <body> </body> tags there are a huge assortment of elements, we can use to create our page, but for now I want to focus on a few of the basic elements you will encounter more often than not!

Lets start off with the h1, h2, h3, h4, h5, h6 tags. They are called header tags and they vary from the largest being h1 to the smallest being h6. You would normally use an h1 tag to define your main opening heading of your html page!

HTML Heading from largest to smallest

In order to write content inside of our <body> tags we need the <p> </p> tags. These tags are simply for paragraphs that you see in every webpage. A few great things you can do to make your paragraph pop out more are:

<b> or <strong> - This gives your words a more bolder look to them.

<i> - This italicizes the words in your paragraph

<u> - Is for underlining text

<small> - this can be used to make text smaller

There are a plethora of tags you can use to give your html page a little razzle- dazzle for your user to appreciate.

If you are curious on how web pages can have links and images included, there are tags for them as well! To have an image show in your webpage you simply use the <img> tag. What’s cool about this tag is that it is self closing, so you never have to worry about and ending </img> , thats not necessary!

To properly display your image you simply copy / paste the image address into your image tags like this:

<img src=" https://i.pinimg.com/236x/01/c6/f4/01c6f460f860a0c5d6a6c22d01716951.jpg ">

Which will display as:

That face we all make when we find the missing semicolon!!

The same concept will go for a <a> tags. This called an anchor tag, this defines a hyperlink, which is used for linking one page to another like this:
['Akiko Green']
['Code Newbie', 'HTML']