Don’t Lose Your Head! Find Inner Peace with HTML

Get your HTML Head in order with meta, link, title, and script elements. Use these important tags on your journey of self-discovery.

  • Click here for the full video transcript

    [intro music]

    >> MYSTERY MAN: When you’re a balloon, sometimes you make a site on the inner nets. A net-site. I make a site, but it’s all bloated up… I’m a balloon.

    >> DAISY: What is the problem, Mystery Man?

    >> MYSTERY MAN: My head, it’s so full of the htm-elementals. Oh no! My head gonna asplode.

    >> DAISY: Calm down, let me see your website, maybe I can help. OMG, MM! First of all, what is the head doing in the body? It’s not a turtle, it’s a website! The head belongs above the body.

    Much better! A lot of important information needs to be in you head, but there’s no need to freak out. It might blow up, but it won’t go pop if you follow my simple instructions for finding inner peace. Lets clear your head and start anew. The only tag your head must have is a title tag. This is your identity. This is how the outside world sees you in their browser’s toolbar, their favorites, and their search engine results. The title should be a reflection of the self.

    Your head is a vault of information, and meta elements are the doors into the mind. Meta data helps search engines discover your website on the internet. Meta tags usually have two attributes. A name attribute that describes the type of meta, and a content attribute that contains the value of that meta item.

    Speaking of elimination, you have numerous styles coming from many sources. Styles are the nature of the self. Your styles are sloppy. To achieve the most graceful self, you should keep your styles neat and orderly. To transcend the head, one must link styles. Importing and embedding styles as you have done will slow you down. Link styles with the link element and the rel, type, and href attributes.

    Similar to your styles, scripts should be linked externally, rather than embedded directly in the head. Scripts are linked with a script tag and a src attribute. Unlike your styles, scripts do not have to be in your head at all. In most cases, you can move your scripts to the bottom of your web page, just before the closing body tag.

    This is the meditative state. In this state you will be under the shower of cosmic energy.

    >> MYSTERY MAN: Oh, it’s nice!

    >> DAISY: Now, please enjoy eight hours of relaxing music.

    [relaxing music]

    [balloon pop]

    Today we learned how to keep our html head organized and full of useful information.

    Check out the hello world program website for even more html videos and tutorials.

    [outro music]

Don’t Lose Your Head! Find Inner Peace with HTML was produced by Dototot on . Dototot is a creative media company and think tank specializing in educational material.

Discuss this video in the Comments below, or and it with your friends. Learn more about Web Development by subscribing to The Hello World Newsletter .

Join the Discussion

Subscribe to our Mailing List

Stay up to date on the latest videos and tutorials with our monthly newsletter

The email entered is invalid

Want to Learn HTML?

Master the essential web language with our free 10 day course. Get entertaining web development classes emailed directly to your inbox.

The email entered is invalid