The HTML tab is the next tab of Firebug's Console tab, which allows us to edit HTML on the fly and play with our HTML DOM in our Firefox. There is an HTML source panel to the left-hand side. The right-hand side contains four subtabs or panels—Style, Computed, Layout, and DOM.
The HTML tab will quickly help us find how a particular web page is structured and how Firefox interprets the HTML page. In the HTML source panel, one cannot see the CSS hacks or other HTML tags that are meaningful for non-Firefox browsers. The HTML tab also allows us to edit HTML and tweak CSS dynamically on the fly for the live document that we are viewing.
The following is the list of things we can do with the HTML tab:
Inspect an HTML element
Explore the Style (CSS) of a particular HTML element in the document
Explore full HTML DOM of the document
Edit any existing HTML elements and CSS on the fly
Search the internal HTML element instead of text content on the page
Set Break Points on the HTML nodes, which...