Explain in detail what happens when a page loads on a browser?

Question

Accepted Answer

When a page loads on a browser, multiple processes occur to render the content and functionality.

Browser sends a request to the server for the webpage
Server processes the request and sends back the HTML, CSS, and JavaScript files
Browser parses the HTML to create the Document Object Model (DOM)
Browser renders the DOM and applies CSS styles to create the visual representation
JavaScript is executed to add interactivity and dynamic content
Images and other external resources are loaded asynchronously
Final webpage is displayed to the user