Html5 Tutorial

HTML5 Course Outline


HTML5 is a standard for structuring and presenting content on the Web. It incorporates features such as geolocation, video playback, and drag-and-drop. HTML5 allows developers to create rich internet applications without the need for third-party APIs and browser plug-ins. The new standard incorporates features like video playback and drag-and-drop that have been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft Silverlight, and Google Gears.


  • HTML5 comes with many new content-specific elements, like article, footer, header, nav, section.
  •  Improvements to HTML web forms where new attributes have been introduced for input tag with
    support for form controls like calendar, date, time, email, URL, search, etc…
  • Introduction of the canvas, which supports a two-dimensional drawing surface that you can program with
  • Embedding audio or video to web pages without third-party plugins.
  • The choice to the visitors to share their physical location with your web application.(GeoLocation)
  • CSS Support for additional selectors, Drop shadows, rounded corners, multiple backgrounds,
  • Gradients, Animation, Transparency, and many more…
  • The CSS3 specification is still under development by W3C. However, many of the new CSS3 properties
    have been implemented in modern browsers like New Selectors, Backgrounds and Borders, Gradient
    Effects, Text Effects, and Fonts, Transformations, Transitions, Animations, Multiple Column Layout.


  • You Will be Proficient in HTML5 from Basic to Advanced
  • You Will be able to Work with Audio and Video in HTML5
  • Hands-on experience on Absolute and Relative Links
  • Basics and Advanced Concepts on CSS
  • Will be able to create an amazing site using HTML5
  • Hands-on experience on Data Input and Buttons
  • Hands-on experience on Tags and Lists


01. Course Outline
02. What is Html?
03. Download and Install Visual Studio Code
04. Download and Install Sublime Editor
05. Download and Install Notepad++
06. How to add HTML startup code
07. Overview of <head> section – Title, Script, Link & Meta Tags
08. Div and Span tag
09. Html Heading tag
10. Html paragraph tag
11. Id & Class tag
12. Anchor/Link tags
13. Image tag
14. line Break Tag
15. Comment tag
16. Table Tag
17. form tag
18. input tag
19. dropdown list tag
20. checkbox tag
21. radio button tag
22. iframe tag