Introduction to HTML & HTML5

This video will introduce you to HTML and HTML5.

HTML stands for Hypertext Markup Language. HTML is the language that your web browser uses to communicate to you what a particular web page looks like. Just like learning any new language be it Spanish, Chinese or even English, there’s a lot of memorizing as well as learning some basic standards like what a noun is and how it’s used properly in a sentence. The same holds true for learning HTML, instead of nouns and verbs, there are tags and other elements that your web browser uses to put that YouTube video on your computer screen or those words with bold type or red color on that web page. All these cool things are because of a certain element or tag that makes up HTML coding. Now there are loads of other languages like jQuery or JavaScript or PHP that also add a lot of additional cool features to your websites but they all are lying on top of a foundation of HTML.

HTML5 is the newest version of HTML and it has many improvements over its prior versions. Many of the basics of HTML remained with HTML5 but there are a few differences between HTML5 and the older versions of HTML like for example the code is cleaner and for the most part easier for today’s browsers to read and interpret. Some of the old tags have been dropped and the newer code is built to more easily work with the new more advanced devices like your cell phones and tablets. One of the ways that I learned about the different HTML tags was simply looking at the code on other people’s webpages anytime you want to see the tags or coding that makes a website or do what it’s doing in your browser. Just use your computer mouse and right-click then select view page source and there you go at first it might look overwhelming like the first time you saw a foreign newspaper. You may recognize some things but most looks like just a bunch of gibberish. The more you learn about HTML the more you will begin to recognize what most of that gibberish is and what it does then you will be able to use those same tags and elements to craft your own webpages.

Here are a few websites for you to bookmark to learn even more about what makes a website. Of course, there’s plenty more besides just these but these will get you started. The first one is called HTMLdog.com. There’s loads of information here and tutorials on both HTML and CSS and this is updated as the version of HTML is updated as well. So, just because you don’t see an HTML 5 slapped all over the place does not mean this is old stuff. Some of the old what’s called deprecated tags may still work today but they might play havoc with some of the newer coding, so you want to avoid these as much as possible.

Another page is W3Schools.com and like with HTMLdog.com, there’s plenty of tutorials here as well and one of the things I wanted to mention too in the construction of an HTML document is that you’ve got this declaration at the very top of the page and this tells the browser that this is not a text document or it’s not a word document or it’s not a spreadsheet document, this is in fact an HTML5 document.

Last but not least is my friend, Wikipedia. Now on Wikipedia, there’s a lot of additional information – this is just the HTML page you can do a search here for HTML5 and we’ve got a specific page just for HTML5 and if we scroll down here a little bit you can see right here that you can get additional information on specific elements of HTML5 like the HTML5 for video. If we just go to video as a demonstration, this gives you a bit more information on some of the pros and cons of using HTML5 video tags. Right now in the current state of the browser’s not agreeing with one another on a standard format, there’s ways you can work around it here like learning a foreign language. The more you practice the better and quicker you’re going to get.

Leave a Reply

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