This video will cover using F12 Developer Tools in Internet Explorer.

Before we begin using the F12 Developer Tools, it will help to have the Internet Explorer menu bar visible. Let's turn that on by right-clicking the body of the browser window.

With the right-click menu open, select "Menu bar" to show that application feature in the browser. The menu bar will allow us to access browser functions more quickly.

With Internet Explorer open, start by clicking File > Open.

We will try the F12 Developer Tools out on some of files you have created. Use the Browse button to locate a file to use the tools on.

Now, from the Tools menu in Internet Explorer, select F12 Developer Tools.

The F12 Developer Tools appear as a separate pane at the bottom of your browser window.

Let's look at some of the tools in this pane. Click the CSS tab to be shown the webpage's CSS code.

Next, we'll use the View menu in the pane to turn on some helpful features.

Activate the Class and ID information feature to have the browser show this information on the displayed webpage.

Note the pink labels that identify the <div> elements and their class names. Next, turn on Link Paths.

These pink overlays show where hyperlinks on the webpage are set up to navigate to. The Tools menu also has some useful features, so let's go there now.

Select the color picker.

A small color picker window appears that will allow you to click and copy a color value from a webpage.

This feature is helpful when creating graphics or color schemes for webpages.

Close the color picker window and open the Images menu in the F12 Developer Tools pane.

Similar to the View menu, you can use these features to display information about the images on your webpage.

Now try the Validate menu. It has a link to the W3C Markup Validator so you can validate your webpage's code.

These are just some of the F12 Developer Tools available in Internet Explorer.