Learn HTML: The Basics

Learn HTML: The BasicsMany people believe html is hard and they just don’t understand it.  First off, I’d like to point out if you don’t want to learn something you won’t.  Your mind will wonder, you won’t be active listening to learn and even worse you’ll give up.  As long as you WANT to learn and are active listening this will all make sense to you!

I am going to just break down what you HAVE to have in code to make a complete web site.  It’s simple!  I promise!

Every html document has to start out with <!DOCTYPE html>.

Not those < and > shapes are referred to as TAGS in the coding world.  Some people refer to the shape as a carrot but the proper term is a tag.

<!DOCTYPE html> is followed by <html> on the next line.  The actual coding document starts after the <html>.  The text that is visible on a page starts after the next tag, <body>.

As a visual reference, what we have so far:

<!DOCTYPE html>
<html>
<body>

The tags above are what are necessary to start a web page.  Now lets talk about what is necessary to end a web page.

The tags listed are considered “opened” tags because we have not “closed” them yet.  For something (the tags) to work, once they are opened, they eventually need to be closed to work in the web page.  The tags need to be closed is opposite order they were opened.  The order of closing the tags is very important.  If it is not done correctly, the tags will not work.

So the first tag that needs to be closed is the last one used, <body>.  To close the tag there is a “/” inserted in front of the tags word, </body>.  That is what a closed body tag looks like.  The last thing to do to finish our basic html document/blank web site is to close the over all, WHOLE document by adding a closing html tag.  That lets the internet know that this web page is over, and to end it at that point.

The coding we have so far should look like:

<!DOCTYPE html>
<html>
<body>

</body>
</html>

I hope this made sense!  I am so glad that I can put part of my computer science degree to use to help others learn.  Please help me by listing any questions you have that were unclear so I can help you (and hopefully others as well) understand the question.

Also, stay tuned because this is going to be a series that you can learn more with.  I am going to be incorporating CSS coding as well. Thanks for stopping by and staying a while!  Be sure to say Hi to me as well on my Instagram @corrineelizabeth_3 and let me know what content you would like to see here.

Follow my blog with Bloglovin

2 thoughts on “Learn HTML: The Basics

  1. jasa desain interior tangerang says:

    hey there and thank you for your info – I’ve definitely
    picked up something new from right here. I did however expertise a few technical issues using this site, since I experienced to reload the site many times previous to I could get it to
    load properly. I had been wondering if your hosting is OK?
    Not that I am complaining, but slow loading instances times will often affect your placement in google
    and can damage your quality score if advertising
    and marketing with Adwords. Anyway I am adding this RSS to my e-mail and can look
    out for much more of your respective exciting
    content. Ensure that you update this again soon.

    • corrineelizabeth says:

      Thank you! I have not been notified of anything from the host or others online that use DreamHost. I’m wondering if it’s the theme I picked from WordPress. I am not doing marking with Adwords so I am not worried about that. Adwords said I did not qualify. I’m trying to remember and I think it was because I do not have enough posts on my page yet. Thanks for the heads up! I’ll have to continue keeping an eye on it. I’ve been testing it out it for a long while and it’s working fine. I always make sure to save all my images out for web safe quality.

Leave a Reply

Your email address will not be published. Required fields are marked *