Welcome to a new series that I'll be doing on here and over on Youtube. This course of blog posts and videos is my first in trying to teach a hobby, job and lifestyle that I love. So in this first post we will explore a few fundamental points about HTML5.
So the code you see above is by far the most important layout you will see in HTML, it has every single tag/element that you require to have a page render on a web browser or user agent. So lets break it down.
The first thing you will notice are two different ways of writing tags/elements, the first one looks like this:
The p tags: This is a Container Tag and must come in pairs with an opening and closing tag. The only difference bewteen the two is the / which indicates to the browser that the tag is closed.
The second tag br is an Empty Tag and does not require any closing tag. Its "Self closing". HTML5 allows us to use empty tags but for good coding parctice we should always try and use containing tags.
The !DOCTYPE tag at the very top will tell the browser exactly what version of HTML you are using. It's very important to try and use the current version so you have a fighting chance of rendering your site across all the browsers and user agents. You can find out more about DOCTYPES here.
The html tags are the ones that will host all our HTML code.
The body tags are where we host the document code. The code you wish the user to see should be all hosted within these two tags.
And last but not least the p tags are simpe paragrapgh tags and will render paragraphs of all the content inbetween them, with the br being a line break.
The video below goes into much more detail and should you require any more help or information please get in touch or leave a comment below.
We live in a world where technology rules, a world where we cant seem to cross the road with out...
It would seem its a common thing this day in age. As a developer I have a certain amount of compu...