3 min read11-06-2020

"Los tres amigos" - HTML5

CodeHTML5Development

The beginning

Every webpage on the internet uses HTML, CSS, and JavaScript. Think of them as the foundational coding languages of the internet. Just like how Belgium has 3 languages (French, Dutch, German), webpages also have languages. In the case of websites, their languages are HTML, CSS, and JavaScript. You may have heard of them, but do you really know how they work? Web Development is what you see when you go to a website.

We call them "Los Tres Amigos".

The builder, Artist & wizard

HTML is Hypertext Markup Language, or "The Builder". CSS is Cascading Style Sheets, which I consider "The Artist". And JavaScript "The Wizard". They are all different languages and work differently. But HTML, CSS, and JavaScript need one another to make a website. Imagine you want to code this homepage using HTML. But just HTML. HTML essentially would define all the content, text, images & links. But without CSS "The Artist", and without JavaScript "The Wizard": a HTML only website would just be a horrible styled 90’s look-a-like website.

HTML only picture

This is because, CSS adds the styling to a website. CSS can't live without HTML or else there would be nothing to style. It is responsible for outlining the colors, fonts, and positioning of content.Now we come to JavaScript, "The Wizard" - popup air messages, the animations that you see is all JavaScript.

A small note

Now while you understand how the "3 Amigos" work, there are 3 things to remember about HTML, CSS, and JavaScript.

1 - They make up what is called "Front-end Web Development". Front-end Development is what you see when you land on a page, as opposed to Back-end Development, which is actually what makes an application on the web work.

2 - Web browser like Firefox and Chrome translate these three languages into the visual webpage. Without a browser these languages are just words on a page. Sometimes, because of this, the website look is slightly different on Chrome, Firefox and definitely on Internet Explorer. Because all of these Browsers translate the code just a little differently.

3 - HTML, CSS, and JavaScript are constantly evolving, just like any language. These coding languages have a history, while they've been around for a few years now. Right now, the standard language procedures for HTML, CSS, and JavaScript are called "HTML5". There's even a body or society online that is managing the rules and best practices of Front-end Development.

Simply put...

To summarize, in the beginning you actually had HTML controlling a lot of visual aspects. The "bold" tag was used to make text bold and the "center" tag to center your text. However over time, after the 90s, you actually had CSS making up most of that. In the beginning JavaScript was mostly for popups and now it animates most of our websites. So simply put, whatever you see on the world wide web, thank "Los tres amigos" for it.


More Articles

Let's have a coffee?