This recipe will introduce the HTML panel of Firebug and how it can be used to inspect the document structure, select an HTML element, and watch its CSS style.
- Open an HTML page, for example, http://www.google.com in your browser.
- Now click on the arrow icon from the Firebug bar and move your mouse pointer over any element on the page. The element will be highlighted and in the Firebug panel you will see details of that HTML element, as seen in the following screenshot:
- Another method, which is faster and more accurate, is to right-click on an element and click on Inspect Element on the context menu. Firebug will ...