Scribd
Upload
16 views2 pages

Lab 7

The document discusses the div tag in HTML. The div tag is a generic container that is used to group other tags and apply styles. It is a block level element that can be used to create sections and apply styling. An example is provided using div tags with different styling applied to each one.

Uploaded by

Pro Hammad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views2 pages

Lab 7

The document discusses the div tag in HTML. The div tag is a generic container that is used to group other tags and apply styles. It is a block level element that can be used to create sections and apply styling. An example is provided using div tags with different styling applied to each one.

Uploaded by

Pro Hammad
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Lab# 07

Objectives:
 The objective of this lab task is to learn about div tag in html.

1. Div
The div tag is known as Division tag. The div tag is used in HTML to make divisions of content
in the web page like (text, images, header, footer, navigation bar, etc). Div tag has both
open(<div>) and closing (</div>) tag and it is mandatory to close the tag. The Div is the most
usable tag in web development because it helps us to separate out data in the web page and we
can create a particular section for particular data or function in the web pages.

 Div tag is Block level tag


 It is a generic container tag
 It is used to the group of various tags of HTML so that sections can be created and style
can be applied to them
<html>
   <head>
      <title>gfg</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 > div tag   </div>
   <div > div tag   </div>
   <div > div tag   </div>
   <div > div tag   </div>
    </body>
</html>

Web Engineering
Output:

Tasks:
Create the following form

Web Engineering

You might also like