Today I will discuss DIV tags. These are the bread and butter of web page layout design. They play a major role in page layout, structure and appearance.
They are block level elements, they are used to group different items and they are used to divide web pages into logical sections. The format is <div>…</div>.
In themselves, they have no structure but takes on the structure of it’s content. It like an empty box waiting for some definition. The power of these div tags is when used in combination with class and ID selectors. I will talk about this association in more details in later posts.
The attached web pages show two typical uses of the div tag. I’ve structured the page into four different div tags that are indicated by the colors. The first web page shows a sequential top to bottom format. The second web page is a block approach across and down. There are many different combinations of the four blocks (div tags). I will go into more details on the next post.
What people are saying