Learn HTML Through Song

4

If you’ve ever wanted to learn HTML but cringe at the thought of reading a book on the subject, try singing it instead! A new website—started by veteran HTML instructor Diane Presler—uses catchy tunes and lyrics to drill coding into your head. Though there is no real order to how the videos should be watched, “An HTML Love Song” is a good introduction. The ditty puts HTML tags in a real-world context (such as <girl hair=”blond”>) to get the listener to think about HTML structure in a fun way.

The site already has seven songs in its arsenal, covering topics such as lists, image tags, and hexadecimal codes and they have included the lyrics as well for easier comprehension. The accompanying videos provide fun visuals that illustrate how code should be written, adding visual clarity to each song’s lyrics. The Learn HTML with Song crew is actively hiring indie musicians to bring coding—including not only HTML, but CSS, Javascript, and others—to life.

Erica Gamet has been involved in the graphics industry for over 35 years. She is a speaker, writer, trainer, and content creator focusing on Adobe InDesign, Apple Keynote, and varied production topics. She is a regular presenter at CreativePro Week, regular contributor to CreativePro Magazine, and has spoken at Canada’s ebookcraft, Adobe MAX, and Making Design in Oslo, Norway. Find Erica online at the CreativePro YouTube channel, CreativeLive.com and through her own YouTube channel. When she isn’t at her computer she’s probably daydreaming about travel or living in a Nordic noir landscape.

Website
LinkedIn
Instagram
  • sophia says:

    For me, it is not spoken or sung clearly enough and moves way to fast with the html on a quick blink on the screen.  I would never use this.

  • sophia says:

    It is not sung clearly enough and moves to fast to learn anything.

  • Ekwoman says:

    They have the lyrics available as well. I think I would learn the ones that were put to music I like…or that would get stuck in my head. If I didn’t like the music, I’d be less likely to learn that way. It will probably be very beneficial to young learners.

  • Aerobat says:

    This is a clever twist on ‘Programmed Text’ training. The only thing it lacks is a short quiz at the end of the section to solidify retention of the concept with tactile (keyboard) input. Regarding the comment about not being clear enough, I might suggest lowering the volume on the music mix a little more once the voice / dialog begins. The music is a little distracting at that level … catchy, but distracting.

  • >