HTML, CSS, JavaScript are the basic foundation of any website. With HTML we create the structure of any website, with CSS we design that website and with JavaScript we execute any function. Today I am going to tell you about How Websites Work. What is HTML CSS JavaScript.
 |
| How Websites Work |
Basic Requirements to Build a Website
So to make a website, we must first know HTML, CSS, JavaScript. Now to make a website, we must know HTML at any cost because without it our work will not be done. You can simply understand HTML that it is the body of a website.
With CSS, we can make the look of our website according to our wish, that is, we can make the design of a website with CSS. So if HTML is the body of a website, then CSS is the look of that website. And JavaScript is the brain of a website, that is, how a website reacts, that is, how a website works on a request. We will talk more openly about JavaScript later.
Now if you understand it in simple language, then suppose there is a car which has a metallic body, a good design and a good engine is installed in it. Now here the body of the car becomes HTML, the design of the car becomes CSS, and the engine of the car becomes JavaScript.
How Websites Work
Now we will know how a website works. So when we search the address of a website from our computer browser, we get to see that website on our browser. Now for example, if you type www.infosphere-hub.co.in on the URL of your web browser, then what the browser will do is that it will send a request to the web server of this address to access this website.
Every server has an IP address. Now all the files of this website are kept on this IP address and its backend is kept. Now the backend can be anything. Backend means the scripting language through which the website talks to its server.
Now the scripting language in the backend can be PHP or it can be PYTHON or it can be NODEJS. All these backend scripting languages do some processing, some computation, and the result of computation is HTML, CSS, and JavaScript.
Now this HTML is the body and CSS and JavaScript are kept inside it. You can think of HTML as an envelope, and CSS and JavaScript are sent inside this envelope by wrapping it. This body is sent as a response.
That is, whatever request you send to the server from your web browser, you get the response of that thing in the form of HTML, CSS and JavaScript. Like if you send a request to www.infosphere-hub.co.in then the home page of this website will open in front of you. If you send a request to “www.infosphere-hub.co.in/about-us” then you will get to see the about page of this website. This is how the Client and Server communicate with each other. The Client sends the request to the server and the server after doing some processing sends the result to the Client.
Now the server prepares to send a front end by using any of its backend languages i.e. PHP, PYTHON, NODEJS in this processing. And the back end prepares these three things i.e. HTML, CSS, JavaScript and sends it to the client.
Now when the client's computer receives these three things, the computer's browser manipulates these three text documents and shows you what you will see. After opening this website www.infosphere-hub.co.in, the browser displays all the images, texts that you will see according to HTML, CSS, JavaScript, all these text documents.
Role of HTML
- HTML stands for Hypertext Markup Language.
- It is basically a standard markup language for giving a static skeleton to web applications and websites.
- It is a well-standardized system.
HTML is a standard language and the web browser also displays it. HTML is the skeleton of any website.
Role of CSS
- Cascading Style Sheet, which is known as CSS is a style sheet language that used to handle the presentation of the web page containing HTML.
- It makes our website beautiful and modern looking.
Cascading Style Sheet is a style sheet language that improves the presentation of our webpage i.e. the HTML body that we create. What should be the color of which element, what should be the background color of which element, which element will float to the left, which element will go to the top, all these things are decided by CSS.
So all the animations and designs that we see in a website are all done with the help of CSS only.
Role of JavaScript
- JavaScript is often known as JS, is a high-level dynamic interpreted programming language.
- It allows client-side scripting to create completely dynamic web applications and websites.
JavaScript is the brain of a website. JavaScript gives a website the ability to think. With the help of JavaScript, a website can take decisions like where to go, when to go, how to go, all this is decided by JavaScript.
Conclusion
So in this post I have told you about How Websites Work • What is HTML CSS JavaScript • How websites work and introduction to HTML, CSS, JavaScript. This will make it easier for you to learn about all these coding languages. By reading this post you can know how important they are in developing a website.
If you like this post, then definitely share the post with others and follow this blog. I will keep bringing such posts for you guys. Thank you for giving your valuable time to read this post.
