google-chrome Chrome DevTools Inspect HTML Structure


Example

On a desktop version of Chrome, the contents of the page can be inspected. This shows the document object model (DOM) of the HTML, the Cascading Style Sheet styles (CSS), and much more.

Enter inspection by one of many options:

  • Right click on a web page, and select Inspect
  • From the Chrome Menu, select More Tools, Developer Tools
  • Use a keyboard shortcut, e.g. Ctrl+Shift+I on Windows.

Screenshot of Chrome Developer Tools showing the 'Elements' tab