<DIV ...>, a block-level element, simply defines a block of content in the page. Beyond defining a block,
<DIV ...> itself doesn't do anything.
For example, the following code creates a
<DIV ...> element with two paragraphs inside of it. notice that you can put
<P ...> elements inside a
This is stuff before the <NOBR><CODE><DIV ...></CODE></NOBR>.
This is stuff inside the <NOBR><CODE><DIV ...></CODE></NOBR>.
This is more stuff inside the <NOBR><CODE><DIV ...></CODE></NOBR>.
This is stuff after the <NOBR><CODE><DIV ...></CODE></NOBR>.
which gives us:
This is stuff before the
This is stuff after the
This is stuff inside the
This is more stuff inside the
<DIV ...> is a block level element, visual browsers (e.g. MSIE and Netscape) render
<DIV ...> elements with a line break before and after them. However, they don't usually put a full blank line before and after like a
<P ...> element.
<DIV ...> is usually used in conjunction with styles of the
ALIGN attribute to set some kind of effect for the content. For example, suppose you want a block of the page to be use a different font,
font color, and be indented. To do this, first put some styles rules in the
<HEAD> section of the document:
These styles rules create a styles class named
warning . You can then apply the class to a
<DIV ...> element using the
contents of DIV element
which gives us this:
WARNING: Do not look directly into the light or it will suck you in like a flea. We're dealing with big ugly powerful forces here, pal, so don't go trying that macho man stuff. Put your super-block-em sunglasses on and keep your eyes on the accountant.
In the next page we'll look at setting the alignment of the element.
<DIV ALIGN="..."> >