In one of my previous posts, I introduced the built in, Internet Explorer Developer Tools that come with Internet Explorer 8. Today, I want to take a deeper dive into the HTML Tab and what you can do with it.
The HTML Tab
The HTML tab shows the underlying mark up behind your page as seen by the Internet Explorer document object model (DOM), and not only shows the elements, and layout for the page, but also how the attributes affect how the page looks. The HTML tab is split into two windows, the DOM tree view, and is a set of tabs that help you understand the way your page looks.
As I walk through these tools, follow along, hit F12 to bring up the developer tools, and try changing the way my site looks! All of these screen shots are from the IE Dev Tools Intro post I made a few days ago.
Using the HTML Tools
Select An Element