In this post, we will see how HMTL Works. When we want to access any information on the internet, we search for it in a web browser. The web browser gets all the content from the web servers.
An HTML document is first written with some tags in any code editor or your choice of a text editor and then saved with the “ .html ” extension. After this, the browser interprets the HTML document, reads it, and renders a web page.
How does HTML Work?
HTML Document:
It’s a text document saved with the extension .html or .htm that contains texts and some tags written between “< >” which give the instructions needed to configure the web page.
These tags are fixed and definite. The structure of an HTML document is explained further.
Browser:
- A browser is an application that reads HTML documents and renders the webpage.
- They cannot read the content directly where it is stored. To settle this conflict servers are used.
- A server acts like an intermediate, it patiently listens to the browser’s request and executes it.
- Now the document is delivered to the browser.
- Browsers support two parts now: parsing and rendering.
- When the browser is in the parsing stage, it receives raw bytes which are converted into characters and these characters are then converted into tokens after that tokens are converted into nodes. Then these nodes are linked in a tree data structure known as DOM(Document Object Model).
- when the DOM tree structure has been constructed, the browser starts its rendering. Now each node in the DOM tree will be rendered and displayed.
Rendered Page:
The rendered page is the output screen of our HTML Document which is the page displayed on a browser like chrome etc.
How does the basic website work?
- Web Browser(client) requests www.pythongdb.com like websites from the webserver.
- Webserver in return sends HTML, CSS, and JS files to it.
- HTML, JS, and CSS files are parsed by a web browser and show the website layout which is created.