I wrote a long time ago in a short tweet that HTML is visually pretty similar to a Hamburger.

I am going to attempt to explain this in more detail for the beginners.

HTML Hamburger

<html> – The Bun Layer
<title> – The Ketchup / Sauce Layer – </title>
<head> – The Pickel Layer – </head>

<body> – The Onion Layer

<h1> – The Meat Layer – </h1>

<p> – The Tomato Layer – </p>
</body> – The Lettuce Layer
</html> – The Bottom Bun Layer

HTML has been around since the early 1990’s and has come a long way. I do tend to be a more visual learner, and enjoy studying code and programming techniques.

I’ve been teaching interns and co-workers the basics of HTML 4 and how the <tags> open and close I go back and fourth between the code view and the visual view a lot trying to show how to grasp the concept of where things are laid out in code and visually show on the screen.

Hopefully you enjoyed the visual example above. Please leave your comments below.