HTML Div Tag

<div> section is used for most usable tag in web development because it helps us to separate data in the web page and we can create a particular section for particular data or function in the web pages.

Example

  <html>
   <head>
      <title>Div Tage </title>
<style type=text/css>
p{
  background-color:gray;
  margin: 10px;
}
div{
  color: white;
  background-color: 009900;
  margin: 2px;
  font-size: 25px;
}
</style>
</head>
 <body>
    <div>     
         <h2>This is a heading in a div element</h2>
   </div>
   <div>    
            <p>This HTML Tutorials.</p>
    </div>
   <div>   
             <ul>
	        	<li> This CSS Tutorials.</li>
            </ul>
  </div>
  </body>
</html>

Output

Example2

<!DOCTYPE>
<html>  
<head>
<style>
.loginform{  
    padding:10px;  
    border:1px solid green;  
    border-radius:10px;  
    width:300px;
    margin-top:10px;  
}  
.formheading{  
    background-color:blue;  
    color:white;  
    padding:4px;  
    text-align:center;  
}  
.sub{  
background-color:red;  
padding: 7px 40px 7px 40px;  
color:white;  
font-weight:bold;  
margin-left:70px;  
border-radius:5px;  
}  
</style>
</head>
<body>  
<div class="loginform">  
<h3 class="formheading">Please Login</h3>  
<form action="" method="post">  
<table>  
<tr><td>Email:</td><td><input type="email" name="email"/></td></tr>  
<tr><td>Password:</td><td><input type="password" name="password"/></td></tr>  
<tr><td colspan="2" style="text-align:center"><input class="sub" type="submit" value="login"/></td></tr>  
</table>  
</form>  
</div>  
</body>
</html>  

Output:

Please Login

Next TopicHTML Textarea

← prev next →

HTML Tutorials

HTML Tags

HTML5 Tutorial

HTML Div Tag

Example

Output

Example2

Please Login