Difference Between HTML, CSS and JavaScript

We use HTML to create the actual content of the page, this means in HTML you define the basic structure and the contents of a website.

Example: On the example page HTML is responsible for the text written there, and the structure (there is one header block, one navigation block and many content blocks on the bottom)HTML stands for "Hypertext Markup Language", and is the standard language used for building web pages. HTML can be considered to contain the building blocks for a web page: it contains the content, structured through the use of HTML tags, of what will ultimately be displayed to the user.

In HTML we use tags to structure content sections such as navigation menus, headings, paragraphs, images, videos, and lists (the list goes on, but we catch my drift). As I mentioned, these different types of content are defined using HTML tags. Some examples of these tags include paragraphs (<p>), headings of various levels (<h1> through <h6>), and images (<img>).

CSS Definition:

CSS is responsible for the Design of the Web page, how every thing looks, and where it is on the page.

Example: like, CSS is Responsible for the text being in a dark grey, the navigation being orange, the text fields having round edges, and all the other stuff that is designed specifically for the website. CSS stands for ‘Cascading Style Sheets’... and this is what makes our content look pretty!

We use CSS to target the different parts of our web page and add visual styles to them.

CSS can be included in your content in 3 ways: inline, internal, and external.

JavaScript Definition:

JavaScript is responsible for everything that has to change or get animated after the website loaded, for example we can create a button that makes text disappear when we click on it, we can nearly do anything with java script, we even can load more data from the server, that we want to appear on the web page.

Example: On this page JavaScript is responsible for the appearing of the thumbnails with the stories in the content area and for the sub navigation where we can choose between different categories etc. The stories of the selected category will than be loaded by the java script. JavaScript (or JS, as the cool coders call it) adds interactivity to websites.

To be specific, JS is a client-side scripting language, which means the scripts are running directly in the user’s browser (the browser being the client). JS scripts can be triggered by a user’s interaction with the page. Client side is also often referred to as front-end.

Conclusion

If we’re just getting into web development, start with learning HTML & CSS. They’re the most basic and necessary markup languages we need to know to build websites, and we can build some pretty cool sites using just them!