HTML Paths and Empty Elements

We're going to do some more copying today, so let's grab a couple files.

First, download this pdf, which contains the code that we're going to copy.

Next, we'll download an image. To do this correctly, find the folder on your computer where you saved index.html. Add a new folder within that folder called "images" (ignore the quotes, of course, and make sure that it starts with a lowercase "i"). Now, grab this image and save it to your new "images" folder (make sure to keep the original filename: filestructure.png).

Ok, in Notepad++, open a new text document and immediately save it in the same folder as index.html. Call it "next.html".

Start copying the code. Remember not to copy the line numbers and to use tabs where you see indentations.

When you're finished, save your file and open it in Chrome. You will see some basic information about empty elements and paths.