Understanding the basic of HTML, CSS and JavaScript
Tags: javascript, css, html, beginners
Published: 2022-01-17 10:39:03

Can you clearly explain the difference between HTML, CSS, and JavaScript? I think there are many people who do not know what they are going to do, even if they know it somehow. This article is for those people.

**What is HTML?**
HTML stand for HyperText Markup Language. Simply put, it's the language that lays the foundation for the web pages you usually see. The language is not a natural language such as English or Chinese, but a language called "markup language" for issuing commands to convey the document structure to a computer.

**Whats is CSS?**
We learned what the HTML above. Next, we will learn CSS. CSS stands for Cascading Style Sheets. It's a style sheet to form the layout of the page. You can display the page with only the HTML you learned above, but it's kind of dull. However, by adding CSS, it will change to a beautiful appearance! For example, you can freely change the text colour, background colour, and layout. However, since it is necessary to "apply CSS to the range surrounded by HTML tags", HTML and CSS are always a set. It is a good partner to make up for each other's shortcomings. Mark up with HTML and arrange the layout with CSS. This is the basic flow when creating a web page.

**What is JavaScript**<u></u>
Finally, let's take a look at JavaScript. The main use of JavaScript is to move web pages. Besides that, there are various ways to use it, and it is active in various situations.

- Operation of WEB page
- WEB application development
- Smartphone application development
- Game development

Roughly speaking, it is used for this purpose! By the way, it's easy to confuse JavaScript with Java, but be aware that the two languages are completely different! The names are similar, but completely different! There is a wide range of things you can do with JavaScript, and if you master JavaScript, you can play an active role in a wide range of fields.

**The roles of HTML, CSS, and JavaScript can be easily remembered by comparing them to the human face!**
I've explained HTML, CSS, and Javascript above, but maybe it's difficult for some people to understand.　This time, I would like to explain more easily using face.　
<u>HTML is a "face part" if you compare it to a human being.</u> It's a necessary part for a human face, it has two eyes, one nose, one mouth, etc. But computers cannot identify which part has the eye function, ear function and so on. Therefore, it is HTML that teaches the role of each facial part in a Web Society.
<u>Next is CSS that has the role of "makeup".</u> Even if the number of eyes, nose and mouth are all the same,　We can identify people because they have identities.　The eyes are bigger and tighter than everyone else, and maybe they are a little farther away?　Mouth is smaller than a person, apply a lip and look like a girl!　CSS is to adjust the position of facial parts (HTML) like this, and to add decoration by "makeup".
<u>Next is about JavaScript, which has the role of "facial expression".</u>　Smiles are important for people!　But sometimes get angry, cry, etc.

**Summary**
Now, did you somehow understand what HTML, CSS, and JavaScript are doing? I wrote it in a sloppy manner, but if you only grasp the outline, there is no problem at all. For those who want to learn deeply, there are many books and sites in the world, so please study. There is no end to studying. Have a good coding life! Enjoy!