Cracking the Code: A Simple Guide to the Three Languages that Make up Websites

People visit many different websites every single day! but not everyone knows what they really are. So let’s talk about that.

To understand what the website are, you need first understand what a web page is.

In Short web page is a test file with bunch of code

It’s nothing special, really. Web pages are written with following three languages:
1. HTML
2. CSS
3. JavaScript

To make their functions more understandable, I’ll use an analogy with the T-rex.

HTML is used to describe the structure of the web page, to create the skeleton for your T-rex. What parts should the page be made of and in which order should be placed, this is all described with HTML.

CSS is used for design purposes, make our T-rex look more realstic. Position, space between component, fonts and colors of the webpage is described with CSS./span>

JavaScript is used to make that boring static web page more dynamic, to add extra functionality to it. Search box’s auto complete function, or profile preview funtion, are made possible with JavaScript.

The above was about the structure of a web page. And a website is basically a folder with a bunch of web pages and media files in it, Like music pictures, videos

Yep, it is that simple, a bunch of files in a folder, nothing more.

“But wait a second”, you might say, “I do not see any code, when I visit my Facebook page for example. I see logo, a menu bar, relationship posts and statuses I do not care about”.

Well, that’s all thanks to your browser. Browser is a program that takes all that code, analyzes it, and draws a web page onto your screen.

By the way if you are interested what a code of a web page looks like, here are key combinations to view the sources code on different browsers.