<DIV>.... </DIV> Tag - Generic Block Container.
22 Feb 2009, dilip Comments:
The DIV element defines a generic block-level container, allowing authors to provide style or language information to blocks of content. The element may contain any inline or block-level element, including another DIV.
| Syntax | <DIV>...</DIV> |
|---|---|
| Attribute Specifications |
|
| Contents | Inline elements, block-level elements |
| Contained in | PPLET, BLOCKQUOTE, BODY, BUTTON,CENTER, DD,DEL, DIV,FIELDSET,FORM,IFRAME,INS,LI,MAP, NOFRAMES, NOSCRIPT, OBJECT, TD, TH |
The DIV element is most useful when it is used with class and ID, and stylesheets. Below is a small example showing how to use DIV with Class and ID
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>This is the title of Your Page </title> </head>
<body> write any thing here ..blah .. blah... it will be displayed in your webpage
<style>
div.dilip{
background:"#E8F8FF";
border:6px solid #938262;
}
div#kum{
background:"#EEE";
border:6px solid #EFF890;
}
</style>
<div class="dilip">This is First div block with some text </div>
<div id="kum">This is second. </div>
</body>
</html>
In the above code inside STYLE tags the id is represented by '#' and class by '.' . Thus using CSS div can be used for layout of page. It is the most commonly used tag of the webmasters. It can contain other block level elements like table another DIV etc. Please partcipate in our Web Designing Forums, to know more and discuss -- Please Click Here
