Apr 29, 2014

HTML5 TUTORIAL: What’s new in HTML5?

The hot and latest version of HTML, HTML5 is the fifth revision of HTML. The reason we are on discussion about HTML5 now is because of its enriched multimedia features and multimedia support. We now will be able to embed complex web applications in the form of Application Programming Interfaces easily through this latest version.
Good news for you, if you are already into the development of the applications for the mobiles. HTML5 is considered by the developers as potential software for the cross platform mobile applications. The tasks that you develop can now be run on small and low powered devices too, like tablets, Smartphone. Sounds wider application of HTML, right? Before we take plunge into HTML5 Programming, Lets have a bird's eye view of what it offers for developers.
  1. The new features that have been developed in 5 are based on multiple modules like HTML, DOM, JavaScript and CSS.
  2. Important good news to the developer is that the external plug-ins and its usage can be minimized to a better extent.
  3. One more important factor that makes the developers and designers to feel relaxed is that its error-handling would be easier.
  4. Whatever the code you develop with HTML5 is now run on any device, as the applications work as device-independent.
  5. Now a long script can be shortened by replacing with more of markup.
  6. HTML5 is backward compatible with its previous versions. So, any code developed in it, can be run just like previous versions too.

HTML5 is a much more advanced tool that enables us to design more flexible web pages enriching with the plug-ins and multimedia content. To what extent and how sophisticated websites we can design, depends on our creativity. Sky's the limit for the creative people! Get ready to Rock!

Previous article: Introduction to HTML5          Next article: Prerequisites to learn HTML5

Apr 17, 2014

HTML5 TUTORIAL: Introduction To HTML.

HTML 5, being phenomenally penetrated in the market by the usage of the designers and developers, the acceptance is also at the same pace. The new and flexible features that can be enabled with easy coding, collects a good number of enthusiasts of HTML 5. Through this tutorial series, you can gain hands on experience with HTML 5 so that you can build websites  as a hobby and make a lucrative career in web designing in HTML 5.

Let’s start with the basics of HTML 5 and gradually get into the core , practicing the advanced concepts.

HTML 5 , being phenomenally penetrated in the market by the designers and developers, the acceptance also is in the same pace.
HTML or Hyper Text Markup Language, in simple terms is a computer language, through which we can create the web pages to build any website. When you see this code, you find more of angle brackets (<,>). The appearance and function of the web page can be easily and frequently changed by modifying this HTML code. You can add text, images, videos, background patterns, literally any digital content on your web page. This markup language is much easier than the computer programming languages. So, going through this blog regularly can make you an HTML programmer and you will be able to build your own website, using the advanced version of HTML 5.

We can write this code in a simple text editor or make use of existing enhanced editors like Notepad ++, Eclipse, BlueFish, Aloha, BllueGriffon, etc. After we write the code, we execute, run or read the code with the help of the browsers, like Internet Explorer, Google Chrome, Mozilla Firefox, Opera, etc.

Coming to the HTML code, the entire coding is written with its key components like tags, data types, attributes and necessary references. The rectangular area of the web page is considered and targeted as the standard space to publish the digital content in a meaningful and effective manner.

The entire web page is divided into basically two parts, header section and body section. The digital content is placed accordingly in the respective sections. The sub sections present in these sections are nested as you can see with separate and inner indents.

Writing and executing the code is easy and just needs a fewer steps:
1. First open the Notepad
2. Write the following code snippet in it.

<!DOCTYPE html>
        <title>  Web Page Title  </title>
      <header>  This is a header </header>
<p> You can write the textual content in these paragraph tags </p>

3.     Save the notepad file with the extension of .html in a specific location. For example, save the file as sample.html.
4.    Now you can run or execute the file in two ways.
Go to the location, where the html file is saved and double click the html file.
The other way is to go to the browser and browse the html file from the location where it was saved.
5.     After the file is rendered or run, it will show the result of the html code. And you will    see the browser window with the result.

6.  If you want to go back and change the code in the Notepad file, go to its location, right click, open it as a Notepad.

Writing the code in HTML is as easy as this one. However, before starting the code, if you prepare and format the layout of the web page, it would be easier to code accordingly. There are many HTML editors developed, which make your task of coding easier, especially with the indentation. The resultant page of the code can be instantly shown in the same editor, as and when you modify the code. Special tool bars, syntax highlighting, auto-completion, templates and keyboard shortcuts will make you prefer the editors rather than our regular Notepad.

Going forward, you will frequently come across the words elements, tags, attributes and many more, which are the ingredients of HTML programs.