GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY

MAHARAJA SURAJMAL INSTITUTE

E-commerce Lab
Subject Code-BBA-108

SUBMITTED BY SUBMITTED TO
Name: Sanchit jain Mr. Ajay Phogat
Enrolment No:13221201723 Assistant Professor
 INDEX

S.N PROGRAM PA DA SI
O GE TE GN
NO.
1. Create an HTML file for displaying a webpage with following Tags. The file
should contain a brief description of all these tags:
a. Bold
b. Italics
c. Underline
d. Alignment
e. Paragraph
f. Text color
g. Headings
h. HR
i. Background Color
j. Line break
k. Pre
2. Design a Web Page of your CV with headings such as Objective, educational
qualification, achievements, strengths, hobbies, and personal details.
Apply the following specifications:

Insert a horizontal line after every above-mentioned heading (Eg. Insert a

horizontal line once objectives are complete)
Set any light color as page background.
Bold and underline every heading
Insert your image on the left side of the web page
Use the heading tag to specify the headings
After every heading is over put a horizontal line
Use pre tag for Educational Qualification
Use a Base font tag for all the text
3.
Write an HTML code to print the following lines in the same manners:

In Mathematics, a quadratic equation is a polynomial equation of the second

degree. The general form is
ax +bx+c=0
2

Where != 0 (For if a=0, the equation becomes a linear equation)

"CHEMICAL EQUATION"

4H PO = 3H PO +PH
3 3 3 4 3

and other expression as

P = P + X -Y
new old
2 acosx

4.

Create three web pages and linked them with each other :
Page 1 shows attributes of font tag
Page 2 shows Anchor tag: Internal (linking within page) and External (linking
with other documents) links
Page 3 shows Marquee: Move text, image and hyperlink
5. Create a nested list as follows:

Computer System
 1. Input Devices
i. Keyboard
ii. Mouse
iii. Joystic
iv. Scanner
a. Flat Bed Scanner
b. Hand held Scanner
2. Output Devices
i. Monitor
a. LCD
b. CRT
ii. Printer
a. Impact Printer
b. Non Impact Printer

Apply following parts:

Insert an image of computer on top right corner of web page
Display a marquee displaying “Input and Output Devices”
Use different font styles and colors for Input and Output Devices
Insert horizontal line after Input Devices are over
Use bold, italics and underline in headings
6. Create a HTML webpage which display the following list.

FRUITS & VEGETABLES

A. Vegetables
• Onion
• Tomato
• Radish
• Potato
• Carrot
B. Fruits
• Apple
• Banana
• Water-Melon
• Mango
• Grapes

Newspaper & Magazine

o Newspaper
5. The Times of India
6. Hindustan Times
7. Navbharat Times
8. Punjab Kesari
9. DainikJagran

o Magazine
i. Business Times
ii. The Week
iii. India Today
iv. Harvard Business Review
v. Computer World

Apply following parts:

Put horizontal line after newspaper and magazine
Apply heading tag for newspaper and magazine
Apply base font for whole web page and different colors for subjects of each
semester
Apply a background color
Insert marquee tag displaying “Newspapers and Magazines”
7. Write a code for creating definition list that shows the computer input & output
devices and description.
8. Design tables as follows:

Roll Name Course Marks

no
1 Ajay Kumar BBA 78
2 Khushi BCA 62
3 Amit Kumar BCOM 87
4 Pooja Rawat BBA 67
9. Create following table:

Roll Marks
Name Course
No Internal External Total
123 abc BBA 20 60 80
789 xyz BCA 15 65 80
10 Design your class timetable
Day/time 8:00 9:00- 10:00- 11:0 12:0 12:3 1:30
- 10:00 11:00 0- 0- 0- -
9:00 12:0 12:3 1:30 2:30
0 0
Monday CA DT Benv BC B
Tuesday DT CA Benv *BC Eco Eco
R m m
(lab) (lab)
Wednesd CA DT Ecom BC E
ay
Thursday Ben DT CA Eco A
v m
Friday Ben DT CA Eco K
v m
Saturday BC Ecom(la Ecom(la
b) b)
11. Design tables as follows:
IP University Courses
Graduate Post Graduate
MB
BBA BCA B. Tech MCA M. Tech
A

240 120 100 200 100 80

Design a student registration form.

12
13. Design a Login form for mailing account in HTML.

14 Create a frame having 4 pages of Different background

15 Design following frame:

1&2) Design a Web Page of your CV with headings as Objective, educational
qualification, achievements, strengths, hobbies and personal details.

<HTML>
<HEAD>
<TITLE>RESUME</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">RESUME</H1>
<H2><U>Personal Profile</H2></U>
<B>Name:</B>Ayushman<BR>
<B>Father's Name:</B> Shiv Kumar<BR>
<B>Contact No.:</B> 7015308285<BR>
<B>D.O.B.:</B> 30<SUP>th</SUP> June<BR><BR>
<H2><U>Educational Qualification</U></H2><PRE>
Course Year Subjects Percentage
X 2019 Eng., Maths, Science, 87%
Social Science, Sanskrit,
Computer
XII 2021 Accountancy, Business Studies, 89%
Eng., Maths, Economics
BBA 2024
</PRE><BR>
<H2><U>Achievements</H2></U>
1) Medals in Swimming Competition
<BR>2) Participation certificate in Olympiads
<BR>
<H2><U>Hobbies</H2></U>
1)Travelling
<BR>2) Gaming
<BR>3) Computer
</BODY>
</HTML>

OUTPUT

3) Write a HTML code to print the following lines in same manners:

In Mathematics, a quadratic equation is a

polynomial equation of the second degree.
The general form is
 ax2+bx+c=0
Where != 0 (For if a=0, the equation becomes
a linear equation)

"CHEMICAL EQUATION"

4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx

<html>
<head>
<title>Mathematical Equation</title>
</head>
<body>
<P>In Mathematics, a quadratic equation is a polynomial equation of the second degree. The
general form is </P><BR>
<Pre> ax<SUP>2</SUP>+bx+c=0
Where !=0 (For if a= 0, the equation becomes a linear equation)</Pre><BR>
<HR>
<U>"CHEMICAL EQUATION"</U>
<BR><BR>
4H<SUB>3</SUB>PO<SUB>3</SUB>=3H<SUB>3</
SUB>PO<SUB>4<SUB>+PH<SUB>3</SUB><BR>
<PRE> and other expression as
</PRE><BR>P<SUB>new</SUB>=P<SUB>old</SUB>+X<SUP>2</SUP>-
Y<SUP>across</SUP>
</body>
</html>

OUTPUT
4) Create three web pages and linked them with each other:
Page 1 shows attributes of font tag
Page 2 shows Anchor tag: Internal (linking within page) and External
(linking with other documents) links
Page 3 shows Marquee: Move text, image and hyperlink.
<HTML>
<HEAD>
<TITLE>ASSIGNMET 4</TITLE>
</HEAD>
<BODY background="E:\MSI\msit.PNG">
<FONT Size="7" Color="BLUE"> Maharaja Surajmal Institute</FONT>
<PRE>Anchor Tag is used to link different web page with the help of <A> tag.
We can also attach a pdf, image, file, .doc etc.<br><br>
</PRE>
<a href="Anchor.html"> Go to Page</a><br>
<a href="Marquee.html"> Go to Marquee page </a>
</BODY>
</HTML>

OUTPUT

Code for MARQUEE Tag

<html>
<head>
<Title> Marquee Page</Title>
</head>
<Body>
<marquee behavior="scroll" bgcolor="aqua" scrolldelay="5" hspace="10%"
direction="Right" width="100%">
<IMG SRC="D:\Ayush Personal\MSI AYUSH\msit.png">Maharaja Surajmal Institute
</marquee>
<a href="1st Page.Html"> 1st Web page </a><br>
<A href="2nd page.Html"> 2nd Web Page</A><br>
Marquee tag is used to scroll the text on a web browser.
</body>
</html>

OUTPUT

Code for Anchor Tag

<html>
<head>
<title>
Anchor Example
</title>
</head>
<body>
This is the page for the use of anchor tag which help to link the pages
<A href="#internal"> Internal Link</A><br>
<A href="#External"> External Link</A>
<Pre>
<A Name="Internal"> Internal link is used to link with in the web page</A>

<A Name="External"> External link is used to link external page<A>

<a href="1st Page.Html"> 1st Web page </a>

<br>
<A href="2nd page.Html"> 2nd Web Page</A>
</pre>
</body>
</html>

OUTPUT
5) Create a nested list as follows:

Computer System
1. Input Devices
i. Keyboard
ii. Mouse
iii. Joystick
iv. Scanner
a. Flat Bed Scanner
b. Hand held Scanner
2. Output Devices
i. Monitor
a. LCD
b. CRT
ii. Printer
a. Impact Printer
b. Non-Impact Printer
Apply following parts:
Insert an image of computer on top right corner of web page
Display a marquee displaying “Input and Output Devices”
Use different font styles and colors for Input and Output Devices
Insert horizontal line after Input Devices are over
Use bold, italics and underline in headings

<HTML>
<HEAD>
<TITLE>Nested List</TITLE>
</HEAD>
<BODY>
<H2><B><U>Computer System</U></B></H2>
<img src="C:\Users\DELL\Downloads\computer.png" Align="RIGHT">
<marquee> INPUT AND OUTPUT DEVICES </marquee>
<OL Type="1">
<LI><FONT Color="RED">Input Device</FONT></LI>
<OL Type="i">
<LI>Keyboard</LI>
<LI>Mouse</LI>
<LI>Joystick</LI>
<LI>Joystick</LI>
<LI>Scanner</LI>
<OL Type="a">
<LI>Flat Bed Scanner</LI>
<LI>Hand Held Scanner</LI>
</OL></OL>
<HR>
<LI><FONT COLOR="RED">Output Devices</FONT></LI>
<OL Type="i">
<LI>Monitor</LI>
<OL Type="a">
<LI>LCD</LI>
<LI>CRT</LI>
</OL>
<LI>Printer</LI>
<OL Type="a">
<LI>Non-Impact Printer</LI>
<LI>Impact Scanner</LI>
</OL>
</OL>
</OL>
</BODY>
</HTML>
OUTPUT
6) Create a HTML webpage which display the following list.

FRUITS & VEGETABLES

A. Vegetables
• Onion
• Tomato
• Radish
• Potato
• Carrot
B. Fruits
• Apple
• Banana
• Water-Melon
• Mango
• Grapes

Newspaper & Magazine

o Newspaper
5. The Times of India
6. Hindustan Times
7. Navbharat Times
8. Punjab Kesari
9. DainikJagran

o Magazine
i. Business Times
ii. The Week
iii. India Today
iv. Harvard Business Review
v. Computer World

Apply following parts:

Put horizontal line after newspaper and magazine
Apply heading tag for newspaper and magazine
Apply base font for whole web page and different colors for subjects of each semester
Apply a background color
Insert marquee tag displaying “Newspapers and Magazines”

<HTML>
<HEAD><TITLE>EXPERIMENT6</TITLE></HEAD>
<BODY BGCOLOR = "SKY BLUE">
<marquee><H2>FRUITS & VEGETABLES</marquee></H2>
<H4><OL TYPE = "A"><LI>VEGETABLES</LI></OL></H4>
<UL>
<LI>ONION</LI>
<LI>TOMATO</LI>
<LI>RADISH</LI>
<LI>POTATO</LI>
<LI>CARROT</LI>
</UL>
<H4><OL TYPE = "A" START = "2"><LI>FRUITS</LI></OL></H4>
<UL>
<LI>APPLE</LI>
<LI>BANANA</LI>
<LI>WATER-MELON</LI>
<LI>MANGO</LI>
<LI>GRAPES</LI>
</UL><BR>
<H2><MARQUEE>NEWSPAPER & MAGAZINE</MARQUEE></H2><HR>
<H4><UL TYPE = "DISC"><LI>NEWSPAPER</LI></UL></H4>
<OL TYPE = "1" START = "5">
<LI>THE TIMES OF INDIA</LI>
<LI>HINDUSTAN TIMES</LI>
<LI>NAVBHARAT TIMES</LI>
<LI>PUNJAB KESARI</LI>
<LI>DAINIK JAGRAN</LI>
</OL>
<H4><UL TYPE = "DISC"><LI>MAGAZINE</LI></UL></H4>
<OL TYPE = "i">
<LI>BUSINESS TIMES</LI>
<LI>THE WEEK</LI>
<LI>INDIA TODAY</LI>
<LI>HARWARD BUSINESS REVIEW</LI>
<LI>COMPUTER WORLD</LI>
</OL>
</BODY>
</HTML>

OUTPUT
7) Write a code for creating definition list that shows the computer input & output
devices and description.

<html>
<head>
<title>Definition List</title>
</head>
<body>
<H1><b><u><center>Input Devices</center></b></u></H1>
<dl>
<dd><u>Keyboard</u></dd>
<dt>Keyboard is the main input device of a computer. It contains three types of keys--
alphanumeric keys, special keys
and function keys. Alphanumeric keys are used to type all alphabets, numbers and special
symbols. Special keys are
used for special functions. Function keys are used to give special commands depending upon
the software used e.g.F5
reloads a page of an internet browser.</dt>
<br><dd><u>Mouse</u></dd>
<dt>A mouse is a small device used to point to and select items on your computer screen.
Although mice come in many
shapes, the typical mouse does look a bit like an actual mouse. It's small, oblong, and
connected to the system unit
by a long wire that resembles a tail and the connector which can either be PS/2 or USB.
</dt>
<br><dd><u> Scanner</u></dd>
<dt>Scanner is an input device, which works more like a photocopy machine. It is used
when some information is
available on paper and it is to be transferred to the hard disk of the computer for further
manipulation</dt>
<br> <dd><u> Joystick</u></dd>
<dt>Joystick is also a pointing device, which is used to move the cursor position on a
monitor screen. It is
a stick having a spherical ball at its both lower and upper ends. The lower spherical ball
moves in a socket. </dt>
</dl>
<hr>
<h1><b><u><center>Output Devices</center></b></u></h1>
<dl>
<dd><u>Monitor</u></dd>
<dt>Monitor is the device which displays all the icons, text, images, etc. over a screen. When
we ask computer
to perform a action, the result of that action is displayed on monitor.</dt>
<br>
<dd><u>Projector</u></dd>
<dt>A projector is a device that allows users to project their output onto a large area, such as
a screen
or a wall. It can be used to project the output of a computer and other devices onto a screen. It
magnifies
texts, photos, and movies using light and lenses. </dt>
<br>
<dd><u>Printer</u></dd>
<dt>Printer is the device which makes a copy of pictorial or textual content over a paper. It is
an output
device that creates a hard copy of the processed data or information.</dt>
</dl>
</body>
</html>
OUTPUT
8) Design tables as follows:

Roll Name Course Marks

no
1 Ajay BBA 78
 Kumar
2 Khushi BCA 62
3 Amit BCOM 87
Kumar
4 Pooja BBA 67
Rawat

<HTML>
<HEAD><TITLE>Experiment 8</TITLE></HEAD>
<BODY><CENTER>
<TABLE BORDER = "1">
<TR>
<TH>ROLL NO.</TH><TH>NAME</TH><TH>COURSE</TH><TH>MARKS</TH>
</TR>
<TR>
<TD>1</TD><TD>AJAY KUMAR</TD><TD>BBA</TD><TD>78</TD>
</TR>
<TR>
<TD>2</TD><TD>Khushi</TD><TD>BCA</TD><TD>62</TD>
</TR>
<TR>
<TD>3</TD><TD>Amit Kumar</TD><TD>Bcom</TD><TD>87</TD>
</TR>
<TR>
<TD>4</TD><TD>POOJA Rawat</TD><TD>BBA</TD><TD>67</TD>
</TR>
</TABLE>
</BODY>
</HTML>

OUTPUT
9) Create following table:

Marks
Rol Nam Cours
Interna Externa Tota
l No e e
l l l
123 abc BBA 20 60 80
789 xyz BCA 15 65 80

<HTML>
<HEAD><TITLE>EXPERIMENT-8</TITLE></HEAD>
<BODY><CENTER><TABLE BORDER = "1">
<TR>
<TH ROWSPAN = "2" WIDTH = "50px">ROLL. NO</TH>
<TH ROWSPAN = "2">NAME</TH>
<TH ROWSPAN = "2">COURSE</TH>
<TH COLSPAN = "3">MARKS</TH>
</TR>
<TR>
<TH>INTERNAL</TH>
<TH>EXTERNAL</TH>
<TH>TOTAL</TH>
</TR>
<TR>
<TD>123</TD>
<TD>abc</TD>
<TD>BBA</TD>
<TD>20</TD>
<TD>60</TD>
<TD>80</TD>
</TR>
<TR>
<TD>789</TD>
<TD>xyz</TD>
<TD>BCA</TD>
<TD>15</TD>
<TD>65</TD>
<TD>80</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
OUTPUT

10) Design your class timetable

Day/time 8:0 9:00- 10:00- 11:0 12:0 12:3 1:30
0- 10:00 11:00 0- 0- 0- -
9:0 12:0 12:3 1:30 2:30
0 0 0
Monday CA DT BE BC B
Tuesday DT CA BE *BC Eco Eco
R m m
(lab) (lab
)
Wednesd CA DT Ecom BC E
ay
Thursda BE DT CA Eco A
y m
Friday BE DT CA Eco K
m
Saturday BC Ecom(la Ecom(la
b) b)

<HTML>
<HEAD>
<TITLE>Time Table</TITLE>
</HEAD>
<BODY>
<H1><CENTER>Time Table</CENTER></H1>
<Table BORDER="10px">
<TR>
<TD>Day/Time</TD>
<TD>8:00-9:00</TD>
<TD>9:00-10:00</TD>
<TD>10:00-11:00</TD>
<TD>11:00-12:00</TD>
<TD>12:00-12:30</TD>
<TD>12:30-1:30</TD>
<TD>1:30-2:30</TD>
</TR>
<TR>
<TD>Monday</TD>
<TD>CA</TD>
<TD>DT</TD>
<TD>BE</TD>
<TD>BC</TD>
<TD rowspan="5">BREAK</TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD>Tuesday</TD>
<TD>DT</TD>
<TD>CA</TD>
<TD>BE</TD>
<TD>BC*</TD>
<TD>ECOMM LAB</TD>
<TD>ECOMM LAB</TD>
</TR>
<TR>
<TD>Wednesday</TD>
<TD>CA</TD>
<TD>DT</TD>
<TD>ECOM</TD>
<TD>BC</TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD>Thursday</TD>
<TD>BE</TD>
<TD>DT</TD>
<TD>CA</TD>
<TD>ECOM</TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD>Friday</TD>
<TD>BE</TD>
<TD>DT</TD>
<TD>CA</TD>
<TD>ECOM</TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD>Saturday</TD>
<TD>BC</TD>
<TD>ECOMM LAB</TD>
<TD>ECOMM LAB</TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
</Table>
</BODY>
</HTML>

OUTPUT
11) Design tables as follows:
IP University Courses
Graduate Post Graduate
B. M.
BBA BCA MBA MCA
Tech Tech
240 120 100 200 100 80

<HTML>
<HEAD><TITLE>EXPERIMENT-9</TITLE></HEAD>
<BODY><CENTER><TABLE BORDER = "1">
<TR>
<TH COLSPAN = "6">IP UNIVERSIT COURSES</TH>
</TR>
<TR>
<TD COLSPAN = "3" WIDTH = "150px">GRADUATE</TD>
<TD COLSPAN = "3" WIDTH = "150px">POST GRADUATE</TD>
</TR>
<TR>
<TD WIDTH = "10px">BBA</TD>
<TD>BCA</TD>
<TD>B.TECH</TD>
<TD>MBA</TD>
<TD>MCA</TD>
<TD>M.TECH</TD>
</TR>
<TR>
<TD HEIGHT = "50px" VALIGN = "MIDDLE">240</TD>
<TD HEIGHT = "50px" VALIGN = "MIDDLE">120</TD>
<TD HEIGHT = "50px" VALIGN = "MIDDLE">100</TD>
<TD HEIGHT = "50px" VALIGN = "MIDDLE">200</TD>
<TD HEIGHT = "50px" VALIGN = "MIDDLE">100</TD>
<TD HEIGHT = "50px" VALIGN = "MIDDLE">80</TD>
</TR>
</TABLE>
</BODY>
</HTML>

OUTPUT
12) Design a student registration form.

<HTML>
<HEAD>
<TITLE>Registration Form</TITLE>
</HEAD>
<BODY>
<CENTER><U><B><H1>MAHARAJA SURAJMAL
INSTITUTE</CENTER></U></B></H1>
<form>
<CENTER><B>Student Registration Form</B></CENTER>
<BR>Student Name:<input type="text" Name="Enter Name">
<BR><BR>Father's Name:<input type="text" Name="Name">
<BR><BR>D.O.B.:<input type="DATE" Name="Date of birth">
<BR><BR>Course:<select Name="OPTION">
<option>BBA</option>
<option>BCA</option>
<option>B.COM</option>
</select><BR>
Gender:<BR>
Male<input type="Radio" name="Gender" value="Male">
Female<input type="radio" name="Gender" value="Female">
<BR><BR>
Phone No.:<input type="text">
<BR><BR>
Address:<input type="textarea" rows="10" cols="25">
<BR><BR><BR>
E-mail: <input type="text">
<BR><BR>
<input type="Submit" Name="Submit" color="blue">
</form>
</BODY>
</HTML>

OUTPUT
13) Design a Login form for mailing account in HTML.

<HTML>
<HEAD>
<TITLE>Experiment 12</TITLE>
</HEAD>
<BODY>
<CENTER><B><U>LOGIN HERE</B></U></CENTER>
<FORM>
Username:<INPUT TYPE="TEXT">
<BR>
Password:<INPUT TYPE="Password">
<BR>
<INPUT TYPE="SUBMIT" Value="LOGIN"> Not yet a Member? <A
href="REGISTER">REGISTER</A href="REGISTER">
</FORM>
</BODY>
</HTML>

14) Create a frame having 4 pages of Different background

<code>

<HTML>
<FRAMESET COLS="50%,50%" ROWS="50%,50%">
<FRAME src="a.html">
<FRAME src="b.html">
<FRAME src="C.HTML">
<FRAME src="d.html">
</FRAMESET>
</HTML>

<Code for a>

<HTML>
<HEAD>
<TITLE> FRAME TAG</TITLE>
</HEAD>
<BODY BGCOLOR="YELLOW">
</BODY>
</HTML>

<Code for b>

<HTML>
<HEAD>
<TITLE>
FRAME TAG
</TITLE>
</HEAD>
<BODY BGCOLOR="RED">
</BODY>
</HTML>

<Code for c>

<HTML>
<HEAD>
<TITLE>
FRAME TAG </TITLE>
</HEAD>
<BODY BGCOLOR="BLUE">
</BODY>
</HTML>

<Code for d>

<HTML>
<HEAD>
<TITLE>
FRAME TAG </TITLE>
</HEAD>
<BODY BGCOLOR="GREEN">
</BODY>
</HTML>

OUTPUT
Q15 Design following frame:

<code>

<HTML>

<HEAD>

<TITLE>MAIN PAGE</TITLE>

</HEAD>

<FRAMESET COLS="50%,50%">

<FRAME SRC="menu.HTML" NAME="F1">

<FRAMESET ROWS="50%,50%">

<FRAME NAME="F2">

<FRAME NAME="F3">

</FRAMESET>

</FRAMESET>

</HTML>

<code for menu>

<HTML>

<BODY BGCOLOR="YELLOW">

<H1>MENU</H1>

<A HREF="LIST.HTML" TARGET="F2">LIST</A><BR>

<A HREF="Table.HTML" TARGET="F2">Table</A><BR>

<A HREF="Frame.HTML" TARGET="F2">Frame</A><BR>

</BODY>

</HTML>

<code for list>

<html>

<body BGCOLOR="LIGHTBLUE">

<P>HTML Lists are used to specify lists of information. All lists may contain one or more
list elements.

There are three different types of HTML lists: Ordered List or Numbered List (ol) Unordered
List or

Bulleted List (ul)</P>

<A HREF="LIST EXAMPLE.HTML" TARGET="F3">EXAMPLE OF LIST</A>

</body>

</html>

<code for list example>

<HTML>

<BODY BGCOLOR="LIGHTGREEN">

<marquee> Types of List on HTML </marquee> <h3 align=center> Example of Ordered List
</h3>

<ol type=i>

<li> MU</li>

<li> Central Processing Unit </li>

<li>CU</li>
</ol>

<hi align=center> Example of unordered List</h1>

<ul type=circle>

<li> Primary Memory </li> <li> Secondary Memory </li>

</UL>

</BODY>

</HTML>

<code for table>

<html>

<body BGCOLOR="LIGHTBLUE">

<P>=A table in HTML consists of table cells inside rows and columns (ul)</P>

<A HREF="table example.HTML" TARGET="F3">EXAMPLE OF table</A>

</body>

</html>

<code for table example>

<HTML>

<HEAD><TITLE>E7</TITLE></HEAD>

<BODY><CENTER>

<TABLE BORDER = "1">

<TR>

<TH>ROLL NO.</TH><TH>NAME</TH><TH>COURSE</TH><TH>MARKS</TH>

</TR>

<TR>

<TD>1</TD><TD>AJAY KUMAR</TD><TD>BBA</TD><TD>78</TD>

</TR>

<TR>
<TD>2</TD><TD>Khushi</TD><TD>BCA</TD><TD>62</TD>

</TR>

<TR>

<TD>3</TD><TD>Amit Kumar</TD><TD>Bcom</TD><TD>87</TD>

</TR>

<TR>

<TD>4</TD><TD>POOJA Rawat</TD><TD>BBA</TD><TD>67</TD>

</TR>

</TABLE>

</BODY>

</HTML>

<code for frame>

<html>

<body BGCOLOR="LIGHTBLUE">

<P>=HTML frames are used to divide your browser window into multiple sections where
each section can load a separate HTML document. A collection of frames in the browser
window is known as a frameset. The window is divided into frames in a similar way the
tables are organized: into rows and columns.

(ul)</P>

<A HREF="Frame example.HTML" TARGET="F3">EXAMPLE OF FRAME</A>

</body>

</html>

<code for frame example>

<HTML>

<HEAD>

<TITLE>MAIN PAGE</TITLE>

</HEAD>
<FRAMESET COLS="50%,50%">

<FRAME SRC="menu.HTML" NAME="F1">

<FRAMESET ROWS="50%,50%">

<FRAME NAME="F2">

<FRAME NAME="F3">

</FRAMESET>

</FRAMESET>

</HTML>

OUTPUT