Learning HTML from the Beginning. This past week I have been working through and completed HTML Essential Training on Lynda.com. Although this course is now a little old, I still enjoyed it because James Williamson is an excellent tutor and explains things very well while maintaining an interest in the learner.

There were some challenges in this course that forced me out of passive learning mode in order to fix problems with the existing code. These challenges were not too difficult and allowed some good practice.

The biggest takeaway from this to other HTML5 courses that I have seen is that this one teaches a lot more about semantics and how to approach using the newer HTML5 tags as opposed to just using DIV tags to layout code. These tags included:

Sectioning Elements

  • <h1 – h6>
  • <article>
  • <aside>
  • <nav>
  • <section>

Semantic Elements

  • <header>
  • <main>
  • <footer>

It was also interesting to learn that multiple classes can be used on a page, but only one ID should be used per page. I was also under the impression that I should be only using one header per page, however, in truth, multiple headers can be used if it makes semantic sense, and depending on the section of content and if it is being led by an introduction.

Web Accessibility Initiative Accessible Rich Internet Applications (WAI-ARIA)

I had never heard of this term before, but it is about how we use roles within our HTML tags. Examples include:

  • <header role = ”banner”>
  • <nav role = ”navigation”>
  • <main role = ”main”>
  • <article role = ”article”>
  • <aside role = “complimentary>
  • <footer role = “contentinfo”>

Afull list can be found @ w3.org.

The rest of the course covered regular aspects found in most other courses but proved to be a good reminder of syntax. These included linking to images, using lists, navigating to existing pages and external pages. How to create downloadable links to files and PDF’s was also covered.

I did consider not doing this course as I had covered HTML before at Team Treehouse. However, I am glad I did as I learned quite a few new things.

What is your experience with learning HTML5, and where did you learn from?

Please feel free to leave a comment below