HTML5 Introduction – Beginners Guide for Web Developers – 001

HTML5 Introduction – Beginners Guide

HTML5 Introduction – Beginners Guide.

This article is a continuous tutorial thread to know about HTML5 basics. There will be 19 articles for this tutorial. Here are the list that we will be taking care of until the end of the tutorial:

  1. HTML5 Introduction.
  2. Starting your very first HTML5 Website or Webpage.
  3. Site Structure: New Semantic Elements for HTML5.
  4. Creative Styling JavaScript: HTML5 Shiv.
  5. Professional Front-End Template: HTML5 Boilerplate.
  6. Page Structure: Coding a Blogsite.
  7. The Time Element.
  8. Self-Contained: Figure conjuncts with FigCaption.
  9. New Form Input Types.
  10.  New Form Input Types II.
  11. New Form Attributes.
  12. How to use Video in HTML5.
  13. Video Compatibility and Video Formats.
  14. Video Attributes.
  15. Video for Everybody! All Browser-Supported Video.
  16. Playing Audios in HTML5.
  17. Custom Data: HTML5 Attributes.
  18. Scalable Vector Graphics(SVG): Defining Graphics for Web.
  19. SVG Inline and Cascading Style Sheet Styling.

To kickoff our tutorial, let’s give a view about HTML5.

It’s not scary as you think, HTML5 is the next version of HTML. While using HTML5, it is no different to your current HTML programming.

Learning HTML5 is not a big deal. Its the next increment for HTML.

Offers of HTML5 that’s different from HTML or lower versions:

  1. Elements that are not being used are being deprecated in HTML are removed. For example:
    1. <acronym> – defines acronym.
    2. <applet> – defines applet.
    3. <center> – centers the text.
    4. <s> – defines strikethrough text.
    5. <tt> – defines teletype text.
    6. <u> – underlined text.

and so forth.

2. New Semantic Elements like <header>, <footer>, <article> and <section>.

3. Video tag and audio tag or called multimedia elements that would be used for browser’s built in functionality to render video and audio controls.

4. You can not rely on flash or plug-ins.

5. New Graphic Elements like <svg> and <canvass>.

So, basically what you will learn here is to build your HTML5 website and we will go over to these new elements mentioned above, what exactly are their means, when to use it and what are the benefits.

Also, you will learn how to use video and audio tags and what cool stuff you can do with that. We will also use the basics of <canvass> graphic element.

Stay tuned for the next tutorial! We will be tackling about “Starting your very first HTML5 Website or Webpage”.

For questions or any other concerns or thesis/capstone creation with documentation, you can contact me through the following:

E-Mail: [email protected]


Contact No.: +639771069640

Ian Hero L. Lavapiez

BSIT Graduate, soon to be MIT.

System Analyst and Developer

Related topic(s) that you may like:





Leave a Comment