0% found this document useful (0 votes)
82 views71 pages

E-Commerce Practical File

The document provides details about practical assignments completed by a student as part of an E-Commerce lab course. It includes coding examples and screenshots for 9 assignments involving the use of basic HTML tags to create web pages with headings, paragraphs, lists, and other formatting.

Uploaded by

Doli Chawla
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
0% found this document useful (0 votes)
82 views71 pages

E-Commerce Practical File

The document provides details about practical assignments completed by a student as part of an E-Commerce lab course. It includes coding examples and screenshots for 9 assignments involving the use of basic HTML tags to create web pages with headings, paragraphs, lists, and other formatting.

Uploaded by

Doli Chawla
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/ 71

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY

E-Commerce Lab

PRACTICAL FILE

SUBJECT CODE: BBA 112

Submitted To: Submitted By:


MADHUR KATHURIA
Dr.Shilpa Bahl Enrollment No. –
14290301721
Associate Professor

INSTITUTE OF INNOVATION IN TECHNOLOGY & MANAGEMENT


Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

E-Commerce Practical File

Assignment 1

Ques: Create a web page of your name using various heading tags.

CODING:
<HTML>

<HEAD></HEAD>

<H1>HEADING1</H1>

<H2>HEADING2</H2>

<H3>HEADING3</H3>

<H4>HEADING4</H4>

<H5>HEADING5</H5>

<H6>HEADING6</H6>

</BODY>

</HTML>

SCREENSHOT:

2
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

Assignment 2

QUES: Design a web page according to the format given below using heading tag with your
name displayed on top:

Heading Elements

Summary

Some text here…

Examples

Example 1

Some text here…

Example 2

Some text here

See also

Some text here…

CODING:
<HTML>

<HEAD>

<TITLE>IINTM</TITLE>

</HEAD>

<BODY BG COLOR ="YELLOW">

<H1 ALIGN ="COLOR"><U>INSTITUTE OF INNOVATION IN TECHNOLOGY AND


MANAGEMENT</U></H1>

<BR>

</H2><U>VISION</H2></U>

<P>THE INSTITUTE AIMS TO BE A CENTRE OF EXLLENCE PROMOTING VALUE


BASED QUALITY EDUCATION IN THE EMERGING AREAS OF PROFFESIONAL
STUDIES IN INFORMATION TECHNOLOGY AND MANAGEMENT

DETERMINED TO ACHIEVE WORLD CLASS EXLLENCE</P>

<BR>

3
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
</H3><U>COURSES</H3></U>

<P>BBA

<BR>

BCA

<BR>

BCOM</P>

</BODY></HTML>

SCREENSHOT:

4
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 3

QUES: Create a web page as shown using <P> tag .

CODING:
<HTML>

<HEAD></HEAD>

<BODY>

<P>MY NAME IS MADHUR, I LIVE IN GURUGRAM.I AM 19 YEARS OLD I HAVE


DONE SCHOOLING FROM D.A.V PUBLIC SCHOOL. I AM DOING MY BBA COURSE
FROM IITM</P>

</BODY>

</HTML>

SCREENSHOT:

5
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 4

QUES: Design a web page describing yourself using single and multiline comments. Also
use <br> tag.

CODING:
<HTML>

<HEAD></HEAD>

<BODY>

<P>MY NAME IS MADHUR I LIVE IN GURUGRAM I AM 19 YEARS OLD <BR>

I HAVE DONE SCHOOLING FROM D.A.V PUBLIC SCHOOL I AM DOING MY BBA


COURSE FROM IITM</P>

</BODY>

</HTML>

SCREENSHOT:

6
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 5

QUES: Create a HTML file for displaying a webpage with below mentioned Tags:
1. Bold
2. Italics
3. Underline
4. Alignment
5. Paragraph
Note: The file should contain a brief description about the above mentioned

CODING:
<HTML>

<HEAD>

<TITLE>MISCELLANEOUS</TITLE>

<BODY>

<b>THIS IS USED TO BOLD THE TEXT </b><!--THIS TAG IS USED TO BOLD THE
TEXT--><BR>

<big><IT DEFINES THE BIG TEXT</big><!--THIS TAG IS USED TO MAKE THETEXT


BIGGER--><BR>

<em>IT EMPHZIES THE TEXT</em><!--THIS TAG IS USED TO EMPHAZIE THE


TEXT--><BR>

<i>ITALIC TEXT</i><!--THIS TAG IS YSED TO WRITE THE TEXT IN ITALIC--


><BR>

<small>SMALL TEXT</small><!--THIS TAG IS USED TO MAKE THE TEXT SMALL--


><BR>

<mark>HIGHLIGHT A TEXT</mark><!--THIS TAG IS USED TO HIGHLIGHT THE


TEXT--><BR>

<sub> SUBSCRIPT</sub><!--THIS TAG IS USED TO SUBSCRIPT THE TEXT--><BR>

<sup>SUPERSCRIPT</sup><!--THIS TAG IS USED TO SUPSCRIPT THE TEXT--


><BR>

<pre>PREFORMATTED TEXT </pre><!--THIS TAG IS UD=SED TO PREFORMAT THE


TEXT--><BR>

<strike>STRIKETHROUGH</strike><!--THIS TAG IS USED TO CORRECT THE


SPELLING OF THE TEXT--><BR>

7
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
</HEAD>

</BODY>

</HTML>

SCREENSHOT:

8
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 6

QUES: Create a HTML file for displaying a webpage with below mentioned Tags:
1. Text color
2. Headings
3. HR
4. Background Color
5. Line break
6. Pre
Note: The file should contain a brief description about the above mentioned tags

CODING:

<html>

<head><title>Text Formatting Tag</title></head>

<body bgcolor="pink">

<font color="blue">Color attribute is used to specify the text color inside the font tag.</font><br>

<h3>Heading tags are defined with the h1 to h6 tags .H1 defines the most important heading. H6
defines the least important heading.<h3><br>

<bgcolor="pink">Background color attribute is used with the body tag, to add color in
background.</bgcolor><br>

Line break tag is used give between line. <br>

<pre>Pre tag defines preformatted text.</pre>

</body>

</html>

9
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

Screenshot:

10
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

Assignment 7

Ques:
Write the following chemical equations using Html Tags :

2 AgI + Na2S → Ag2S + 2 NaI

8 CO + 17 H2 → C8H18 + 8 H2O
10 KClO3 + 3 P4 → 3 P4O10 + 10 KCl
SnO2 + 2 H2 → Sn + 2 H2O
3 KOH + H3PO4 → K3PO4 + 3 H2O
2KNO3 + H2CO3 → K2CO3 + 2 HNO3

CODING:<html>

<head>

<title>7</title>

</head>

<body>

2 Agl + Na<sub>2</sub>S = Ag<sub>2</sub>S + Nal

<br>

8 CO + 17 H<sub>2</sub> = C<sub>8</sub>H<sub>18</sub> + 8 H<sub>2</sub>O

<br>

10 KCIO<sub>3</sub> + 3 P<sub>4</sub> = 3 P<sub>4</sub>O<sub>10</sub> + 10 KCl

<br>

SnO<sub>2</sub> + 2 H<sub>2</sub> = Sn + 2 H<sub>2</sub>O

<br>

3 KOH +H<sub>3</sub>PO<sub>4</sub> = K<sub>3</sub>PO<sub>4</sub> + 3


H<sub>2</sub>O

<br>

2 KNO<sub>3</sub> + H<sub>2</sub>CO<sub>3</sub> =
K<sub>2</sub>CO<sub>3</sub> + 2 HNO<sub>3</sub>

</body>

</html>

11
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

SCREENSHOT:

12
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 8

QUES: Design a Web Page of your CV with headings as Objective, educational


qualification, achievements, strengths, hobbies and personal details.

Apply following specifications:

1.Insert a horizontal line after every above mentioned heading


2. Set any light colour as page background.
3. Bold and underline every heading
4. Use heading tag to specify the headings
5.Use pre tag for Educational Qualification

CODING:
<html>

<head>

<title>...</title>

</head>

<body bgcolor="cadetblue">

<h1 align="center"> CURRICULUM VITAE</h1>

<h2><u>Objective</u></h2> - To get the job

<hr>

<h2><u>Educational Qualifications</h2></u>

<pre>

1. Class 10th Certificate

2. Class 12th Certificate

3. Bachelors in business administration (pursuing)

</pre>

<hr>

<h2><u>Achievements</h2></u> - Certificates for participation

<hr>

<h2><u>Strengths</h2></u>

13
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<pre>1. Motivated

2. Attentive

</pre>

<hr>

<h2><u>Hobbies</h2></u>

<pre>1. Music

2. Painting

</pre>

<hr>

<h2><u>Personal Details</h2></u>

<pre>Name - ABC

Phone - 0000000000

Address - Abc,abc

</body>

</html>

14
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
SCREENSHOT:

15
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 9:

QUES: Create a web page to display your family information with background and other
formatting.

CODING:

<HTML>
<HEAD>

<TITLE>FAMILY INFORMATION</TITLE>

</HEAD>

<BODY BACKGROUND="https://cdn1.vectorstock.com/i/1000x1000/65/05/parents-and-
kids-icon-family-and-cute-people-vector-9896505.jpg">

<H1 ALIGN="CENTER">FAMILY INFO</H1>

<PRE>MY NAME IS MADHUR KATHURIA

MY FAMILY INFORMATION IS-

FATHER NAME-OM PARKASH KATHURIA

MOTHER NAME-NAMITA KATHURIA

</PRE>

</BODY>

</HTML>

SCREENSHOT:

16
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 10

QUES: Create a HTML webpage which displays the following

Apply following parts:

1.Put horizontal line after newspaper and magazine

2.Apply heading tag for newspaper and magazine

3.Apply a background colour

CODING:
<HTML>

<TITLE>

</TITLE>

<BODY BGCOLOR="YELLOW">

<H1 ALIGN="CENTRE" STYLE="COLOR:BLACK";>VEGETABLES AND


FRUITS</H1>

<HR>

<U> VEGETABLES</U>

<UL>

17
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<LI STYLE="COLOR:BLUE;">ONION</LI>

<LI STYLE ="COLOR:RED;">TOMATO</LI>

<LI STYLE="COLOR:BLACK;">RADDISH</LI>

<LI STYLE="COLOR:GREY;">POTATO</LI>

<LI STYLE="COLOR:ORANGE;">CARROT</LI>

</UL>

<U>FRUITS</U>

<UL>

<LI STYLE="COLOR:MAROON;">APPLE</LI>

<LI STYLE="COLOR:GREEN;">BANANA</LI>

<LI STYLE="COLOR:MAROON;">WATERMELON</LI>

<LI STYLE="COLOR:BLUE;">MANGO</LI>

<LI STYLE="COLOR:RED;">GRAPES</LI>

</UL>

<H1 ALIGN="CENTRE" STYLE="COLOR:BLACK;">NEWSPAPER AND MAGZINES

</H1>

<HR>

<U>NEWSPAPERS</U>

<UL TYPE="CIRCLE">

<LI STYLE="COLOR:BLACK;">THE TIMES OF INDIA</LI>

<LI STYLE="COLOFR:GREY;">HINDUSTAN TIMES</LI>

<LI STYLE="COLOR:YELLOW;">NAVBHART TIMES</LI>

<LI STYLE ="COLOR:MAROON;">PUNJAB KESARI</LI>

<LI STYLE="COLOR:ORANGE;">DENIC JAGRAN</LI>

</UL>

<U>MAGAZINES</U>

<UL TYPE="CIRCLE">

18
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<LI STYLE="COLOR:GREEN;">BUSINESS TIMES</LI>

<LI STYLE="COLOR:MAROON ;">INDIA TODAY</LI>

<LI STYLE="COLOR:BROWN;">THE WEEK</LI>

<LI STYLE="COLOR:BLACK;">HARWARD BUSINESS REVIEW</LI>

<LI STYLE="COLOR:BLUR;">COMPUTER WORLD</LI?

</UL>

</BODY>

</HTML>

SCREENSHOT:

19
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
ASSIGNMENT 11

QUES: CREATE AN HTML WHICH DISPLAY THE FOLLOWING OUTPUT:

CODING:
<html>

<head><title>Unordered List Tag</title></head>

<body>

<h2>Mobile Operating System</h2><br>

<ul><li>Android</li>

<li>Blackberry</li>

<li>iPhone</li>

<li>Windows Phone</li></ul><br>

<h2>Mobile Manufacturers</h2><br>

<ul><li>Samsung</li>

<li>HTC</li>

<li>Micromax</li>

<li>Apple</li></ul>

</body>

</html>

20
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

SCREENSHOT:

21
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 12

QUES: Design a web page to display the names of Beverages, Dishes & Desserts using
Unordered Lists

CODING:
<html>

<head><title>Unordered List Tag</title></head>

<body><h2>Beverages</h2><br>

<ul><li>Milk</li>

<li>Water</li>

<li>Tea</li>

<li>Coffe</li>

<li>Energy Drink</li></ul><br>

<h2>Dishes</h2><br>

<ul><li>Hamburger</li>

<li>Pizza</li>

<li>McPuff</li>

<li>Fries</li>

<li>Pasta</li></ul><br>

<h2>Desserts</h2><br>

<ul><li>Ice Cream</li>

<li>Cake</li>

<li>Brownies</li>

<li>Cookies</li>

<li>Apple Pie</li></ul><br>

</body></html>

22
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

SCREENSHOT:

23
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 13

QUES: Create a nested list as follows:

Apply following parts:

1.Use different font styles and colours for Input and Output Devices. Also use Marquee Tag
in Input and Output Devices Heading.

2.Insert horizontal line after Input Devices are over

3.Use bold, italics and underline in headings

CODING:
<HTML>

<HEAD></HEAD>

<BODY>

<FONT STYLE=ARIEL COLOR=BLUE>

<H1><U><OL><LI>INPUT DEVICES</LI></U>

<OL TYPE="I"><LI>KEYBOARD</LI>

<LI>MOUSE</LI>

<LI>JOYSTICK</LI>

<LI>SCANNER</LI></OL></H1>

24
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<OL TYPE="a"><LI>FLAT BED SCANNER</LI>

<LI>HAND HELD SCANNER</LI></OL>

<HR><LI>OUTPUT DEVICES</LI>

<OL TYPE="1"><LI>MONITOR</LI>

<OL TYPE="a"><LI>LCD</LI>

<LI>CRT</LI></OL>

<LI>PRINTERS</LI>

<OL TYPE="a"><LI>IMPACT PRINTERS</LI>

<LI>NON IMPACT PRINTER</LI></OL></OL>

SCREENSHOT:

25
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
ASSIGNMENT 14

QUES: Design a web page to display the different courses available in your Institute. Show
the use of different types of Ordered Lists

CODING:
<html>

<head><title>Ordered List Tag</title></head>

<body>

<h1 align="center"><u>IINTM</u></h1><br>

<ol type ="A"><li>BBA</li>

<ol type="a"><li>First Semester</li>

<ol><li>MPOB</li>

<li>BM</li>

<li>FAA</li>

<li>ITB</li>

<li>ITB Lab</li></ol>

<li>Second Semester</li>

<ol><li>CA</li>

<li>DTB</li>

<li>BE</li>

<li>E-Comm</li>

<li>E-Comm Lab</li></ol>

<li>Third Semester</li>

<ol><li>BL</li>

<li>MM</li>

<li>HRM</li>

<li>MA</li>

<li>BRM</li></ol>

26
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<li>Fourth Semester</li>

<ol><li>BA</li>

<li>FM</li>

<li>CGESRS</li>

<li>ITL</li>

<li>MOOC</li></ol>

<li>Fifth Semester</li>

<ol><li>GST</li>

<li>BPS</li>

<li>ISM</li>

<li>ISM Lab</li>

<li>STR</li></ol>

<li>Sixth Semester</li>

<ol><li>PM</li>

<li>DM</li>

<li>ED</li>

<li>MP</li></ol></ol><BR>

<li>B.COM(H)</li>

<ol type="a"><li>First Semester</li>

<ol><li>MPOB</li>

<li>FA</li>

<li>ME</li>

<li>BC</li>

<li>CA</li></ol>

<li>Second Semester</li>

<ol><li>BM</li>

27
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<li>BL</li>

<li>ME</li>

<li>CA</li>

<li>BS</li></ol>

<li>Third Semester</li>

<ol><li>MM</li>

<li>MA</li>

<li>HRM</li>

<li>BECSR</li>

<li>BS</li></ol>

<li>Fourth Semester</li>

<ol><li>FFM</li>

<li>CA</li>

<li>IE</li>

<li>FM</li>

<li>RM</li></ol>

<li>Fifth Semester</li>

<ol><li>ITL</li>

<li>ED</li>

<li>ISM</li>

<li>ISM Lab</li>

<li>STR</li></ol>

<li>Sixth Semester</li>

<ol><li>GST</li>

<li>E-Comm</li>

<li>ES</li>

<li>E-Comm Lab</li>

28
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<li>RP</li></ol></ol><BR>

<li>BCA</li>

<ol type="a"><li>First Semester</li>

<ol><li>Maths</li>

<li>TC</li>

<li>IPL</li>

<li>IT</li>

<li>Physic</li></ol>

<li>Second Semester</li>

<ol><li>Maths</li>

<li>PM</li>

<li>DE</li>

<li>DSU</li>

<li>DMS</li></ol>

<li>Third Semester</li>

<ol><li>Maths</li>

<li>CA</li>

<li>VD</li>

<li>PA</li>

<li>C++</li></ol>

<li>Fourth Semester</li>

<ol><li>Maths</li>

<li>WT</li>

<li>JP</li>

<li>SE</li>

<li>CN</li></ol>

29
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<li>Fifth Semester</li>

<ol><li>OS</li>

<li>CG</li>

<li>E-Comm</li>

<li>ST</li>

<li>ACN</li></ol>

<li>Sixth Semester</li>

<ol><li>DM</li>

<li>MC</li>

<li>LE</li>

<li>AI</li>

<li>NP</li></ol></ol></ol>

</body></html>

SCREENSHOT:

30
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

31
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 15

QUES: Create a web page to show the use of description list.

CODING:
<HTML>

<HEAD>

<TITLE›/TITLE>

<BODY>

<H1 ALIGN="CENTRE" ›DEFINITION LIST<H1>

<DL>

<DT>SCHOOL</DT>

<DD>A PLACE OF STUDY ESPECIALLY IN A PARTICULAR SKILL COLLEGE OR


UNIVERSITY</DD>

<DT>TEACHER</DT>

<DD>A PERSON WHO TEACHES OR EDUCATES OTHERS</DD›

‹DT>BOOK</DT>

‹DD> A PUBLISHED WORK OF LIERATURE, SCIENCE OR REFERENCE, OR A


WORK INTENDED FOR PUBLICATIO

</DL>

<BLOCKQUOTE>COMPUTER IS AN ELECTRONIC MACHINE WHICH PROCESSES


THE DATA</BLOCKQUOTE>

</BODY>

</HTML>

32
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

SCREENSHOT:

ASSIGNMENT 16
33
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

 QUES: Write A Code For Creating Definition List That Shows various input and
output devices With Description.

INPUT DEVICES
Keyborad
It is a type of input device used to take input from the user.
Mouse
It is a a small movable Device that lets you control a range of things on a
computer.
OUTPUT DEVICES
Printer
It is a type of output device to take a hard copy of the computers output.
Monitor
It is an output device used to display the output on the screen

CODING:
<HTML>

<HEAD>

<TITLE></TITLE>

<BODY>

<H1 ALIGN="CENTER">INPUT DEVICES</H1>

<DL>

<DT>KEYBOARD</DT>

<DD>IT IS A TYPE OF INPUT DEVICE USED TO TAKE INPUT FROM THE


USER.</DD>

<DT>MOUSE</DT>

<DD>it is a a small movable Device that lets you control a range of things on a
computer</dd>

<h1 align ="center"> output devices</h1>

<dt>PRINTER</dt>

<dd>it is a type ol output device to take a hard copy of the computer output</dd>

<dd>MOUSE</DD>

<DT>It is an output device used to display the output on the screen</dd>

</head>
34
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
</body>

</html>

SCREENSHOT:

ASSIGNMENT 17

35
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
QUES: Create a web page to show the ordered, unordered and definition list with respect to
college courses.

INSTITUTE OF INNOVATION IN TECHNOLOGY &MANAGEMENT

COURSES

1. BBA

The three-year BBA programme is affiliated to Guru Gobind Singh


Indraprastha University. It is designed to equip students with strong
conceptual knowledge and thinking skills to manage integrated business
operations. The programme aims to ensure that students acquire
appropriate skill set to take on hurdles at the workplace across sectors
such as Banking, Fast Moving Consumer Goods (FMCGs), Manufacturing,
Telecom and Logistics.

A. SUBJECTS
 ITB
 CA
 FA
 E-COMMERCE
B. Eligibility Criteria
Passed 12th Class of 10+2 of CBSE or equivalent with a minimum of 50% marks in
aggregate and must also have passed English (core or elective or functional) as a
subject.

2. BCA
The three-year BCA programme is affiliated to Guru Gobind
Singh Indraprastha University. It focuses on preparing
students through innovative pedagogy for a competitive
professional environment, thoughtful inquiry, vigorous skill
development and insightful discourse among students. This
approach is designed to help students to achieve
excellence in their careers in research, consultancy and
analytics.
A. SUBJECTS
 CA
 C++
 Computer networks
 JAVA
B. Eligibility Criteria

36
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
Passed 12th Class of 10+2 of CBSE or equivalent with a minimum of 50%
marks in aggregate with pass in English (core or elective or functional)
and Mathematics or Computer Science/Informatics Practice/Computer
Applications.
3. BCOM
The three year B.Com(Hons.) programme is affiliated to Guru Gobind Singh
Indraprastha University. It is divided into six semesters. The programme aims to
provide to the students the knowledge, understanding and skills that build the
foundation for all disciplines of Commerce.
A. SUBJECTS
 Ecommerce
 EVS
 Cost Accounting
 Technical Communication
B. Eligibility Criteria
50% in aggregate in 10+2 examination/senior school certificate
examination of CBSE as minimum marks with pass in five subjects (One
language and four elective subjects) or an examination recognized as
equivalent.

CODING:

<html>

<head></head>

<body>

<h1 align="center">INSTITUTE OF INNOVATION IN TECHNOLOGY AND


MANAGEMENT</H1>

<dt>COURSES</dt>

<ol type="1">

<dl>

<li>BBA</li>

<dd>The three-year bba programmeis affliated to guru gobind singh indraprastha university.it
is designed to equip students with strong conceptual knowledgeand thinking skills to manage
integrated business operations.The programme aims to ensure that students acquire
appropriate skill set to take on hurdles at the workplace across sectors such as banking,Fast
moving consumer goods(FMCGs),Manufacturing,telecom and logistics.</dd>

<ol type="a">

<li>subjects</li>

37
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<ul>

<li>ITB</li>

<li>CA</li>

<li>FA</li>

<li>E-COMMERCE</li>

</ul>

<li>Eligibility Criteria</li>

<dd>Passed 12th class of 10+2 of CBSE or equivalent with a minimum of 50% marks in
aggergate and must also have passed english (core or elective or functional) as a
subject.</dd>

<ol type="1">

<li>BCOM</li>

<dd>the three-year BCA programme is affiliated to Guru Gobind Singh Indraprastha


University.It focuses on preparing students through innovative pedagogy for a competitive
professional environment,thoughtful inquiry,vigorous skill development and insightful
discourse among students.This approach is designed to help students to achieve exllence in
their careers in research ,consultancy and analytics.</dd>

<OL type="a">

<li>SUBJECTS</LI>

<ul>

<li>CA</li>

<li>C++</li>

<li>COMPUTER NETWORKS</Li>

<li>JAVA</li>

</ul>

<li>Eligibility Criteria</li>

<dd>Passed 12 th class of 10+2 of CBSE or equivalent with a minimum of 50% marks in


aggregate with pass in english (core or elective or functional) and mathematics or computer
science/ informatics practice/computer applications.

<ol type="1">

38
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<li>BCOM</LI>

<DD>The three-year B.COM(Hons.) programme is affliated to Guru Gobind Singh


Indraprastha University.It is divided into six semesters.The programme aims to provide to the
students the knowledge, understanding, skills that build the foundation for all disciplines of
commerce.</dd>

<ol type="a">

<li> SUBJECTS</LI>

<UL>

<LI>E-COMMERCE</LI>

<LI>EVS</LI>

<LI>COST ACCOUNTING</LI>

<LI>TECHNICAL COMMUNICATION</LI>

</UL>

<LI>ELIGIBILITY CRITERIA</LI>

<DD>50% in aggregate in 10+2 examination/senior school certificate examination of CBSE


as minimum marks with pass in five subjects(One language and four elective subjects)or an
examination recognized as equivalent.</dd>

SCREENSHOT:

39
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 18

QUES: Design a web page to show the college information along with background
image.

CODING:

<html>

<head><title>IMAGE TAG</title></head>

<body background="iitm.jpg">

<h1 align="center">INSTITUTE OF INNOVATION IN TECHNOLOGY &


MANAGEMENT </h1><br>

<font color="yellow"><h2>VISION</h2>

<p>The Institute aims to be the Centre of Excellence promoting value-based quality


education in the emerging areas of professional studies in Information Technology and
Management</p><br>

<h2>MISSION</h2>

<p>The Institute endeavors to contribute towards meeting the growing demand for
competent and trained Information Technology professionals, Software Engineers and World
Class Managers determined to achieve excellence.</p><br>

<h2>ABOUT THE INSTITUTE</h2>

<p>The Institute aims to develop as a Centre of Excellence for imparting technical


education and generating competent professionals with a high degree of credibility, integrity
and ethical standards. The Institute is passionate about grooming leaders who are not only
thorough professionals, but also good human beings with values and “sanskars”.</p></font>

</body>

</html>

40
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

SCREENSHOT:

41
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 19

QUES: Design a web page to insert Three Images Aligned Left, Right and Center. Also
Change the Background color To Blue and Give A Suitable Heading To The Web Page.

CODING:
<html>

<head><title>IMAGE TAG</title></head>

<body bgcolor="blue">

<h1 align="center">INSTITUTE OF INNOVATION IN TECHNOLOGY &


MANAGEMENT</h1>

<img src="iitm.jpg" align="left">

<img src="iintm.jpg" align="center">

<img src="iitm2.jpg" align="right">

</body>

</html>

SCREENHOT:

42
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 20

QUES: Design a webpage to show your name as marquee in the CV document.

CODING:
<html>

<head><title>MARQUEE TAG</title></head><body>

<marquee bgcolour="orange" ; style="font-size=40"> MADHUR


KATHURIA</marquee><br>

<h1> <center><u>CURRICULUM VITAE</u></center></h1>

<h2><u>OBJECTIVE</u></h2><hr>

<p>To work with a company that can provide me with an acending learning curve and
uitilize my abilities to achieve their goals.</p><br>

<h2><u>EDUCATION QUALIFICATION</u></h2><hr>

<pre>1. 10th passed from CBSE Board(2019)

2. 12th passed from CBSE Board (2021)

3. Presuing BBA from IP University</pre><br>

43
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<h2><u>ACHIEVEMENTS</u></h2><hr>

<pre>1. Managed to maintaian 90% while working and studing full-time

2.Worked under cyber security team in class 11-12th

3. Played Cricket district tournament and reached semi – finals.</pre><br>

<h2><u>STRENGTHS</u></h2><hr>

<pre>1. Active Listening

2. Communication

3. Creative</pre><br>

<h2><u>HOBBIES</u></h2><hr>

<pre>1. Listening music

2. Photography

3. playing cricket</pre><br>

<h2><u>PERSONAL DETAILS</u></h2><hr>

<pre>Phone Number - 9560056331

Email Address - [email protected]</pre>

</body>

</html>

SCREENSHOT:

44
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 21
QUES: Design a web page having various image directions as marquee.

CODING:
<HTML>

<HEAD></HEAD>

<marquee direction= left><img src=download.jpg height=100 width=100>

</marquee>

<marquee direction= right><img src=download.jpg height=100 width=100>

</marquee>

45
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<marquee direction= up><img src=download.jpg height=100 width=100>

</marquee>

<marquee direction= down><img src=download.jpg height=100 width=100>

</marquee>

</BODY></HTML>

SCREENSHOT:

ASSIGNMENT 22

QUES: Design a web page to compare the speed of different text in the marquee tag

CODING:
<html>

<head></head>

<body>

<marquee=scrollamount=20>My Text</marquee>

</body>

</html>

46
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

SCREENSHOT:

ASSIGNMENT 23

QUES: Design a web page to display your college with hyperlink.

CODING:

<html>

<head>

<title>Assigment=23 Name</title>

</head>

<body bgcolor=yellow>

47
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

<h1 align=center>Institute of Innovation in Techonology & Managment</h1>

<a href="aboutus.html"> About Us</a> <br><br>

<a href="courses.html">Courses</a> <br><br>

<a href="contactus.html">Contact Us</a>

</body>

</html>

<HTML>

<HEAD>

<TITLE> ABOUT US</TITLE>

</HEAD>

<BODY>

<H1 ALIGN=CENTER> ABOUT IINTM</H1>

Institute of Innovation Technology and Management (IITM) was set up in 1999


under the aegis of Mata Leelawati Shikshan Sansthan (MLSS), a registered
education society engaged in philanthropic activities, with the Late Shri T.N.
Chaturvedi, the well known educationist, parliamentarian, ex-Governor of
Karnataka and CAG of India and Padma Vibhushan Awardee, as founder
President of both the society and the Institute.

The Institute takes pride in having developed the faculty support and
infrastructure imperative to effectively implement ‘Outcome Based Education’-
a technology-based, learner centric and result-oriented approach which
enhances students' learning and performance capabilities. We are passionate
about grooming the nation’s youth to grow into good human beings and
excellent professionals destined to become torch bearers of their respective
domains.

</BODY>

</HTML>

48
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

SCREENSHOT :

ASSIGNMENT 24
QUES: :Design a web page to Display the Syllabus of BBA, Clicking On Each Subject
Should Open Its Description In A New Document

CODING:
Master sheet

<html>

<head><title>HYPERLINK TAG</title></head>

<body>

49
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<h1 align="center"><u>INSTITUTE OF INNOVATION IN TECHNOLOGY AND
MANAGEMENT</u></h1>

<h3><u>COURSES</u></h3>

<a href="bba.html">BBA</a><br>

<a href="b.com.html">B.COM</a><br>

<a href="bca.html">BCA</a><br>

</body></html>

<html>

<head><title>HYPERLINK TAG</title></head>

<body><h3>BBA</h3>

<p>The three-year BBA programme is affiliated to Guru Gobind Singh Indraprastha


University.

It is designed to equip students with strong conceptual knowledge and thinking skills to
manage integrated business operations.

The programme aims to ensure that students acquire appropriate skill set to take on hurdles at
the workplace across sectors

such as Banking, Fast Moving Consumer Goods (FMCGs), Manufacturing, Telecom and
Logistics. </p><br>

<h5>SUBJECTS</h5>

<ul><li>ITB</li>

<li>CA</li>

<li>FA</li>

<li>E-Commerce</li></ul><br>

<h5>Eligibilty Criteria</h5>

<p>Passed 12th Class of 10+2 of CBSE or equivalent with a minimum of 50% marks in
aggregate and must also

have passed English (core or elective or functional) as a subject.</p>

</body></html>

50
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

<html>

<head><title>HYPERLINK TAG</title></head>

<body><h3>BCA</h3>

<p>The three-year BCA programme is affiliated to Guru Gobind Singh Indraprastha


University.

It focuses on preparing students through innovative pedagogy for a competitive professional


environment, thoughtful inquiry, vigorous skill

development and insightful discourse among students. This approach is designed to help
students to achieve excellence in their careers in research,

consultancy and analytics.</p><br>

<h5>SUBJECTS</h5>

SCREENSHOT:

51
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 25

QUES: :Create a web page to show the input and output devices with image. Clicking on
each input and output device should give its description in a new document.

CODING:
Master sheet

<html>

<head><title>HYPERLINK TAG</title></head>

<body>

<h3>INPUT DEVICE</h3>

<p>An input device is any hardware device that sends data to a computer, allowing you to
interact with and control it. The picture shows a Logitech trackball mouse, which is an
example of an input device. The most commonly used or primary input devices on a
computer are the keyboard and mouse.</p>

<a href="keyboard.html"><imgsrc="keyboard.jpg">

<a href="mouse.html"><imgsrc="mouse.jpg"><br>

<h3>OUTPUT DEVICE</h3>

<p>An output device is a piece of computer hardware that receives data from a computer and
then translates that data into another form.</p>

52
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<a href="monitor.html"><imgsrc="monitor.webp">

<a href="printer.html"><imgsrc="printer.webp">

</body></html>

SCREENSHOT:

53
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 26

QUES: Create a static web page which defines all text formatting tags of HTML in tabular
format

CODING:

<html>

<head></head>

<body>

<table border=3 >

<tr>

<th>Tag Name</th>

<th>Tag Syntax</th>

<th>Tag Description</th>

</tr>

<tr>

<td>bold</td>

<td><B>bold</B></td>

54
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<td>To make the text bold</td>

</tr>

<tr>

<td>Italic</td>

<td><I>italic<I></td>

<td>To make the text in italic</td>

</tr>

<tr>

<td>Underline</td>

<td><U>underline</U></td>

<td>To make the text underline</td>

</tr>

<tr>

<td>Paragraph</td>

<td>P tag</td>

<td>To arrange the text vin paragraph</td>

<tr>

</body>

</html>

SCREENSHOT:

55
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 27

QUES: Design a table as follows;

ROLL NO. NAME COURSE MARKS


1 Ajay Kumar BBA 78
2 Kavita Sharma BCA 87
3 Rohit Garg BCA 88
4 Pooja Kapoor BCOM 92
5 Mohit Gupta BCOM 76

CODING:
<html>

<head></head>

56
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<body>

<table border=3 >

<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>Kavita Sharma</td>

<td>BCA</td>

<td>87</td>

</tr>

<tr>

<td>3</td>

<td>Rohit Garg</td>

<td>BCA </td>

<td>88</td>

</tr>

<tr>

57
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<td>4</td>

<td>Pooja Kapoor</td>

<td>BCOM</td>

<td>92</td>

</tr>

<tr>

<td>5</td>

<td>Mohit Gupta</td>

<td>BCOM</td>

<td>76</td>

</tr>

</body>

</html>

SCREENSHOT:

58
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 28

59
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

QUES: Create a table Using cellpadding, cellspacing colspan and rowspan which shows the
prices of various cars of different brands.

CODING:

<html>

<body>

<table border=3 height=300 width=300>

<tr>

<th colspan="2">car name</th>

<th>car prices</th>

</tr>

<tr>

<td rowspan="2">audi</td>

<td>a6</td>

<td>rs50,000</td>

</tr>

<tr>

<td>a8</td>

<td>rs 80,000</td>

</tr>

<tr>

<td rowspan="2">bmw</td>

<td>x1</td>

<td>rs40,00,000</td>

</tr>

</html>

60
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

<head>

</body>

SCREENSHOT:

61
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 29

QUES: Design a table as follows:

CODING:

<html>

<head></head>

<body>

<table border="2">

<tr>

<th colspan="6">IP University Courses</th>

</tr>

<tr>

<td colspan="3">Graduate</td>

<td colspan="3">Post Graduate</td>

</tr>

<tr>

<td>BBA</td>

<td>BCA</td>

<td>BTech</td>

<td>MBA</td>

62
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

<td>MCA</td>

<td>MTech</td>

</tr>

<tr>

<td>240</td>

<td>120</td>

<td>100</td>

<td>200</td>

<td>100</td>

<td>80</td>

</tr>

</table>

</body>

</html>

SCREENSHOT:

63
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
ASSIGNMENT 30

QUES: Design a web page to display the following table with hyperlinks on department
name for every information inside the table.

CODING:
<html>

<head></head>

<body>

<table border="2">

<tr>

<th rowspan="2">S.NO.</th>

<th rowspan="2">Dept. Name</th>

<th colspan="2">Courses</th>

</tr>

<tr>

<td>UG</td>

<td>PG</td>

</tr>

<tr>

<td>1</td>

<td>Computer Science</td>

<td>Yes</td>

<td>Yes</td>

64
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
</tr>

<tr>

<td>2</td>

<td>Maths</td>

<td>Yes</td>

<td>Yes</td>

</tr>

<tr>

<td>3</td>

<td>Chemistry</td>

<td>No</td>

<td>Yes</td>

</tr>

<tr>

<td>4</td>

<td>Commerce</td>

<td>Yes</td>

<td>Yes</td>

</tr>

</table>

</body>

</html>

65
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
SCREENSHOT:

66
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
ASSIGNMENT 31:

QUES: Design a HTML web page of your favourite movie. Give an attractive background
colour and image

Coding:

<html>

<head></head>

<body>

<img src="download(3).jpg">

<p>

Doctor Strange in the Multiverse of Madness is a 2022 American superhero film based on
Marvel Comics featuring the character Doctor Strange. Produced by Marvel Studios and
distributed by Walt Disney Studios Motion Pictures, it is the sequel to Doctor Strange (2016)
and the 28th film in the Marvel Cinematic Universe (MCU). The film was directed by Sam
Raimi, written by Michael Waldron, and stars Benedict Cumberbatch as Stephen Strange,
alongside Elizabeth Olsen, Chiwetel Ejiofor, Benedict Wong, Xochitl Gomez, Michael
Stuhlbarg, and Rachel McAdams. In the film, Strange protects America Chavez (Gomez), a
teenager capable of traveling the multiverse, from Wanda Maximoff (Olsen).

</p>

</body>

</html>

67
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
SCREENSHOT:

68
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management

ASSIGNMENT 32

QUES: Design a frame as follows:

Mobile phone, shoes pen drive and shirts will be hyperlink.

If a user click on any item its picture should be displayed in frame 2 and details about the
product in frame 3.

CODING:

MAIN PAGE

<html>

<head>

<title> Assignment 32</title>

</head>

<frameset rows ="30%,70%">

<frame src = "frame1.html" name= "frame1">

<frameset cols = "40%,60%">

<frame src = "frame2.html" name = "frame2">

<frame src = "frame3.html" name = "frame3">

</frameset>

</frameset>

</html>

Frame1.html

<html>

<head>

69
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
<title> frame1 </title>

</head>

<body bgcolor = "lightgreen">

<H1 align = "center">PRODUCTS</H1>

<a href= "mobile.html" target = "frame2">Mobile Phones</a>

<a href= "shoes.html" target = "frame2">shoes</a>

<a href= "pd.html" target = "frame2">pen drive</a>

<a href= "shirt.html" target = "frame2">Shirts</a>

</body>

</html>

Frame2.html

<html>

<head>

<title>frame2</title>

</head>

<body bgcolor = "lightpink">

images will be displayed here

</body>

</html>

Frame3.html

<html>

<head>

<title>

frame3

70
Enroll No.- 14290301721 ECOMMERCE Institute of Innovation in Technology
& Management
</title>

<body bgcolor = "lightblue">

description will be displayed here

</body>

</html>

71

You might also like