I guess I should have covered this earlier on but I’ve been pretty busy with homework and assignments and you know, life in general. Oh Well.
Anyhow, It seems logical to cover the basics of HTML.
HTML, also known as Hypertext Markup Language is the language used that build websites from scratch. It is the absolute first thing you would ever know when creating websites. Before anything else is added you would build a website through HTML – with that in mind there are other ways to build websites (I’m looking at you PHP) but in the end you are still using HTML to make it happen.
HTML has been around since the start of the web and since then has gone through a number of changes – 4 major ones actually (if you don’t count the initial release. The latest release is now known as HTML5 which included a number of improvements, most notably including approximately 29 new HTML tags and more browser compatibility.
To suffice a bare bones HTML Document looks like the following:
Essentially, this will give you a blank document on your page, but an HTML document nonetheless.
After the HEAD tag you have the BODY tag. This is where all your content actually goes that you see on your browser.
For example, a Body may contain content such as the following:
In a nutshell, this basically is HTML5 that includes a Header section, a Main Section and Footer Section.
Within the HEADER tag you have a Navigation Bar with a UL tag which is an Unordered List that contains 2 lists elements (LI tags) within it. Within those are A tags which as known as Anchor tags that link to other parts of the website and in other cases outside of the website. Href stands for Hypertext Reference, which is ‘referring’ you to any part in the website or beyond.
Normally you’ll put your actual content in the Main tag. Stuff like articles, Welcome messages, image galleries and etc. are included here. Of course there’s no right or wrong answer here but as a Web designer or Developer it’s in your best interest to have an easy to navigate website that is clear and concise.
Lastly comes the Footer which is normally where you’d put in contact information, links to your social media and sometimes a search bar. In this case I’ve included a DIV tag (which stands for Divider tag) with an ID of “contact-here”.
What is an ID in HTML?
Well stick around, and I’ll have more for you next time.
For now, here’s a quick reference on HTML:
Have a good weekend!