how to use the div tag?

**ppark** · Dec 9th, 2011, 3:17 am

hi
this is gokul
i dont know to use the div tag
could any one explain cleanly about the div tag
thank you

**cyberdesignz** · Dec 9th, 2011, 5:13 am

<div> tag is used to define a division in your website/HTML page. it also used to group block-elements to format them with styles.
it is often use with CSS to layout a HTML page.

<html>
<head>
<style type="text/css">
div.header
{
background:#AABB00;
width:220px;
padding:10px;
border: 2px solid;
}
</style>
</head>
<div class="Header">
<h3>This is a header Div</h3>
</div>
</head>
</html>
Try this example

**vipandiversity** · Dec 9th, 2011, 5:46 am

If you use the <div> tag combined with CSS, you will create a page that is easy to manage and manipulate later. Using the <div> tag allows you to define the page in terms of the logical divisions of the page, not just the locations in the layout (that will certainly change in the future). Most Web pages have fairly standard content chunks, and if you use the <div> tag to divide them, you'll be ready to style them however you'd like.

**trailblazer** · Dec 9th, 2011, 12:22 pm

Yep I love to use div tag to call class functions in css. Div tag helps also in positioning text and images. So many uses. It is pretty easy to program when you follow good formatting codes. Div tag serves as a guide to begin a section of code.

**bardy** · Dec 9th, 2011, 10:05 pm

Thanks a lot for this important sharing. As I am newbie to this so this proves beneficial for me.

**rasel786** · Dec 12th, 2011, 3:06 am

I am agree with cyberdesignz

**simplyamazing12** · Dec 19th, 2011, 2:46 pm

I agree. Div tags are very useful in CSS and it has jQuery applications as well. You can add text so it eliminates the loading time since you do not need images for text. It is much more dynamic too so you can change the text anytime you want.

**mtrick** · Dec 23rd, 2011, 3:47 am

Div tag Always within body tag. <div></div>

<html>
<head>
<style type="text/css">
div.header
{
background:#AABB00;
width:220px;
padding:10px;
border: 2px solid;
}
</style>
</head>
<div class="Header">
<h3>This is a header Div</h3>
</div>
</head>
</html>

**bryanbell** · Jan 17th, 2012, 2:33 am

The div tag actually defines logical divisions in the webpage in XHTML. You can build, manage and give style to your webpage with the help of div tag. If you can use the div tag with CSS then it will become easy for you to use div tag.

For more information click here..
How to use DIV Tags and CSS to Create Advanced Website Layouts and Columns in Dreamweaver: Part 1 - YouTube

**bryanbell** · Jan 24th, 2012, 2:31 am

DIV tag is use to describe the logical division inside the tag of XHTML and HTML, Div tag is use to create and manage sections on a webpage.

For more use of Div tag check this link How To Use Div Tags - gHowTo.com