Monday 12 -17: day3 in HTML design part 2

For our next step into HTML excellence, we will be looking at a webpage component called DIV. A DIV is so useful that it can hold text or images or both; it can have styles applied to it; it can even be used to create some really cranking hyperlinks

Its so important that I am going to have you create a brand new webpage just for DIVs. When you create this webpage, please name it after yourself plus the word DIV. For example, in my cases, it would be called "PaulDIV.html"

Here is the initial code I would like you type in:

I would like you to make note of the following:

A) These DIV containers have almost exactly the same styles... this will be very important in the not too distant future

B) There is a new style called "border". The kind of border you chose here makes a solid black line all around the edge of your DIV

C) There is another new style called "cursor"  This style makes the mouse arrow turn into a hand when it passes over the DIV

D) You will also notice that all these DIVs have width and height styles, to make them all the same size

When you're ready, we will move on with this

cheers,
Mr. L