The web is enormously changing. Content behavior, user experience, connectivity, the style most importantly responsiveness of the web is nowadays becoming key perspectives of designing the web. But HTML is the main element to build a website. No matter it’s any CMS or in any other form of the web, HTML is the base where the foundation takes place. For this reason, anyone new to web designing must spend more time learning HTML. The more you learn HTML, the better your designing will be.

History:

HTML was first introduced by Sir Tim Berners-Lee in late 1991. Earlier in 1980 when he was a contractor in CERN (The European Organization for Nuclear Research), proposed an SGML (Standard Generalized Markup Language)  format of tags for the web. But CERN didn’t officially fund the project. In 1990, Sir Lee mentioned 18 markup tags in his personal notes which are considered as the first official release of HTML.

Sir Tim Berners-Lee briefing
Sir Tim Berners-Lee briefing at the opening of w3c UK office ceremony. Image source: W3C

However, Sir Lee considered HTML as an application of SGML which was defined as Internet Engineering Task Force (IETF), meanwhile, in 1994 those tags got expired. Then, Sir Lee and his working group from IETF created official specification as HTML 2.0 in late 1995. Since then HTML specifications have been maintained, with input from commercial software vendors, by the World Wide Web Consortium (W3C). In 2000, HTML also became an international standard (ISO/IEC 15445:2000). Since October 28, 2014, W3C released the latest recommendation of vocabulary and associated APIs for HTML and XHTML which is called HTML5.

First Step.

You can have the most beautiful website, the most charismatic instructors, the most robust curriculum, but regardless of all of these things, you need to put the time in, serious time, to be successful.

Learning to code isn’t the Matrix, you can’t just plug in a USB cord and voila, you can code. Now, I’m not trying to dissuade you or scare you off—far from it! I am excited that so many people want to learn to code, but I want to make sure that they know what they are about to embark on and are doing it for the right reasons.

You just need to get comfortable with Code. Remember one thing important about HTML that it builds the structure of a web page, however, since the release of the latest form of HTML which is HTML5, came up with a vast change in structuring elements. So my goal is to guide you through the latest syntax of HTML5 but for a non-programming student, it might be hard to adopt with this code not impossible. If you are new to web design, I recommend learning HTML first as best as you can then move along to other code as what you need to learn.

Pre-assumptions:

Well, I wrote this series of blog posts for those who are completely new to web design. I’ll start with very basics of HTML. You will know first how to write and use HTML tags, different attributes, links, images etc. Then I’ll move you out in depth of HTML and HTML5 step by step. If you know HTML, you can simply skip the post and be subscribed. Once more advanced level topics covered and published, I will let you know through email.

Basic Learning Tools:

Well here comes the cozy part. Basics of HTML is pretty simple and doesn’t cost even a penny.  All you need the simple text editor like Notepad in Windows or TextEdit in MAC and a web browser like Mozilla or Chrome or whatsoever you wish. You can use Sublime Text / Brackets which are both free text editor for advanced use in Windows or MAC. That’s it !! You have all the necessary tools to start HTML5 coding.

First take a new file in notepad and write anything you want. Then select ‘save file as’ and save it as ‘index.html’  in a convenient place like desktop. Then open the saved file in a browser, you’ll see exactly what you’ve written in the text file just earlier.

So basically this file with .htm/.html extension shows the content you put in a browser. But you have to nest this content up in a chronological and semantic order with HTML5 code.

So what is HTML5 code? How do they are written? Questions exists, right? But before I start in depth of Basic and Advanced HTML5 coding topics,  I want you to do some pre-planned tasks that you should maintain regularly through the learning process.

Planning before Learning:

HTML5 Rocks - A Google Project
HTML5 Rocks – A Google Project

The first thing you need to do is to motivate and dedicate yourself. And you should keep in mind that nothing is more appropriate way than reading, to learn anything.

To get comfortable with the common structure of HTML, spend some time in reading about HTML. There are thousands of articles that developers publish every day in various blogs or forums. HTML5 Rocks and Mozilla Developer Network are can be your best resources for this purpose. Regularly checking these sites out will keep you acknowledged with most prestigious and encouraging developers’ ideas and tips.

To be in touch with the official releases, make sure to bookmark W3C and WHATWG official sites in your browser so that you can be familiar with authenticated HTML5 syntaxes.

Most importantly you must practice coding regularly. At least give a try by yourself exactly what you just learn every day. Combine them with the lessons you practiced earlier. Check them in official validators like W3C Markup Validator or WHATWG Validators (I’ll show you how in future articles). Learning HTML5 is a step by step process and as much you practice that much you will step ahead.

Up Next:

Finally, my Journey to HTML5 just begins and I am going to post more articles chronologically in the next few days. In the next one, I will discuss what HTML5 code is and how they can easily be written.

Thank you.

 


Advertisements

Comment

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s