Cick Here to Return to the Main Page

How a Webpage really renders

  • The browser recieves HTML
  • HTML is parsed by the browser
  • DOM tree is built
  • CSS and JS are linked in
  • Finally, the browser renders the page using the DOM
  • The DOM

  • Every element is built into an object that can be accessed programmatically
  • The objects are arranged in a tree structure
  • We can access these objects using javascript and css