Last Updated on 21 October 2020
- HTML: A markup language that provides the basics structure of the site to be displayed in a web browser.
- CSS: A style sheet language that uses to control HTML styles including colors, font styles, layout and many more.
So what are they?
HTML stands for HyperText Markup Language. It’s the core markup language of every web page. With HTML, we use it to build the structure of the website block by block with HTML elements. This is all the web programmer start from and it’s super easy to learn.
It looks weird, right? In our site, we’ve use the CSS style sheet to hide the menu items on hamburger menu when browsing on a mobile page.
To show you how a pure HTML web page looks like and we removed the CSS code from our site and now the content inside the menu are automatically open up.
Now, what if we add the CSS code to the site?
The CSS stands for Cascading Style Sheets. Obviously, CSS is a style sheets, it’s able to control how the website looks like and how the website should appear at the front-end of the web page.
As we said, the HTML are building the structure of the site and now we are using the CSS to make the site looks great and better.
If HTML is a black and white cartoon character, then the CSS is to add color and decoration of it.
Let me show you how it looks after add CSS to my site.
From the picture above, you can see the color of the website title and we change breadcrumbs to the white color. It hides the menu inside the hamburger, and the appearance looks better. It feels like a plain text website now renovated with decorations.