How website works?

How website works?

Here I'm going to discuss some points about how the website actually works. The basic requirement to build a website is Front-End logic. You need to learn the following languages.

  1. HTML: work as a body of the website.

  2. CSS: work as a makeup of the website.

  3. JavaScript: works as the brain of the website.

For Understanding:

Let's take an example of manufacturing a car, it has a metallic body that works as an HTML part. Its design, color and beautification are CSS part and the machinery like the engine, brake and clutch are Javascript part that works as the logic of the car.

1. HTML

  • HTML stands for Hypertext Markup Language.

  • It is basically a standard markup language for creating Web Pages. It describes the structure of a Web page.

  • HTML consists of a series of elements that tell the browser how to display the content.

2. CSS

  • CSS stands for Cascading stylesheet.

  • CSS is used to handle the presentation of the web page containing HTML.

  • It makes our website attractive.

3. JavaScript

  • JavaScript(JS) is a high-level dynamic programming language.

  • It allows client-side scripting to create completely dynamic web applications and websites.

  • JavaScript is used for logic in a page layout.

Client-Server Interaction

you might have thought that when we write URLs in a browser like- www.google.com where it goes, the URL simply sends the request to DNS Server that translates the human-readable address to a machine-readable IP address.

Example -

google.com --> 234.83.16.235

This DNS server sends the request to the Main Server and responds to our browser so that we can see the contents of the web pages.

Basic Structures

Create a file: Open the editor and create a file with .html .

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><!--Title Here--></title>
</head>
<body>
    <!-- This is Body of html -->
</body>
</html>

Did you find this article valuable?

Support Learning Technology by becoming a sponsor. Any amount is appreciated!