Scribd
Upload
71 views

Ecom Lab 1

The document contains assignments for an e-commerce lab class. It includes 17 assignments with descriptions of tasks to design and code various web pages using HTML tags. The assignments progress from basic web page design to more advanced topics like forms, images, audio/video, tables and frames. For each assignment, the student is asked to provide the source code and output of the coded web page.

Uploaded by

Harsh sharma
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
71 views

Ecom Lab 1

The document contains assignments for an e-commerce lab class. It includes 17 assignments with descriptions of tasks to design and code various web pages using HTML tags. The assignments progress from basic web page design to more advanced topics like forms, images, audio/video, tables and frames. For each assignment, the student is asked to provide the source code and output of the coded web page.

Uploaded by

Harsh sharma
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 59

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY

MAHARAJA SURAJMAL INSTITUTE

E-COMMERCE LAB
SUBJECT CODE : BBA(B&I) 311

SUBMITTED BY SUBMITTED TO
Saransh Tyagi Dr. Anamika Rana
Enrollment No.- 35321201820 Assistant Professor
BBA(B&I), V SEM

1
INDEX

S.No List of Programmes Date Teacher’s


Signature
1. Design a Web Page of your CV with headings as
Objective, educational qualification, achievements, 14 Sept. 22
strengths, hobbies and personal details.
Apply following specifications:
• Insert a horizontal line after every above
mentioned heading (Eg. Insert horizontal line
once objectives are complete)
• Set any light color as page background.
• Bold and underline every heading
• Insert your image on the web page
• Use heading tag to specify the headings.
• After every heading is over put a horizontal line.
• Use pre tag for Educational Qualification.
• Use font tag for all the text
2. Write 4 paragraphs in HTML using various tags and
different alignments. Formatting of all the four 14 Sept. 22
paragraphs must be different.
First paragraph : About HTML
Second paragraph : About tags and attributes used in
HTML
Third paragraph : About www
Fourth paragraph : About E-commerce
All these paragraphs must be separated with horizontal
line.
3. Give background color to web page and change font with
different color of every list. Use marquee tag for 27 Sept. 22
heading.
Separate each list with horizontal line of different color,
width and size.

2
4.
28 Sept. 22

3
5.
30 Sept. 22

6. Design webpage using images with all attributes for 4 Oct 22


types of e-commerce model.
7. Design a web page of 6 hyperlinks.
All hyperlinks must link with assignment 1,2,3,4. 7 Oct 22
• Hyperlink 5 must be an image and link to
assignment 5.

• Hyperlink 6 must be an image link to another


image.
8. Design web page for hyperlink and bookmark. 11 Oct 22
9.
14 Oct 22

10. Design similar web page for the October 2022.


14 Oct 22

4
11. Design a table as given below :
18 Oct 22

12. Design a web page containing nested frames with atleast 19 Oct 22
10 frames.
13. Design a web page for linking frames in HTML 19 Oct 22
14. Design web page for registration form in HTML as
shown : 01 Nov 22

15. Design a student registration form in HTML.


04 Nov 22

5
16. Design a student registration form.
04 Nov 22

17. Design a web page using audio and video tag. 04 Nov 22

6
ASSIGNMENT – 1

1. Design a Web Page of your CV with headings as Objective, educational qualification,


achievements, strengths, hobbies and personal details.
Apply following specifications:
• Insert a horizontal line after every above mentioned heading (Eg. Insert horizontal
line once objectives are complete)
• Set any light color as page background.
• Bold and underline every heading
• Insert your image on the web page
• Use heading tag to specify the headings.
• After every heading is over put a horizontal line.
• Use pre tag for Educational Qualification.
• Use font tag for all the text

OUTPUT :

7
SOURCE CODE :
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-1 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<BODY BGCOLOR=#AAF0D1>
<H1 ALIGN=CENTER><B><U><FONT COLOR=BLACK>CURRICULUM
VITAE</FONT></U></B></H1><HR>
<img src=profile.jpeg align=right height=200 width=200 margin=50 hspace=60
border=5></align>
<H2><B><U><ALIGN=LEFT>PERSONAL INFORMATION</ALIGN></U></B></H2>
Saransh Tyagi<BR>
Uttar Pradesh, India<BR>
Contact No. : +918929828403<BR>
E-mail : [email protected]<BR><HR>
<H2><B><U>CAREER OBJECTIVE</U></B></H2>
Hardworking college student with a motivated attitude and a variety of powerful skills.
Seeking an oppotunity where I can make the best of my potential, learn new skills and
leverage my learnings.

8
<HR>
<H2><B><U>EDUCATION</U></B></H2>
<OL TYPE=1>
<LI><B>Bachelor of Business Administration in Banking & Insurance</B></LI>
<I>2020-2023</I><BR>
Guru Gobind Singh Indraprastha University<BR>
CGPA : 9.674<BR>
<BR>
<LI><B>Higher Secondary Education</B></LI>
<I>2019-2020</I><BR>
Ch. Chhabil Dass Public School<BR>
CGPA : 7.81<BR>
<BR>
<LI><B>Secondary Education</B></LI>
<I>2017-2018</I><BR>
Ch. Chhabil Dass Public School<BR>
CGPA : 7.5<BR>
<BR>
</OL><HR>
<H2><B><U>CORE COMPENTENCIES</U></B></H2>
<OL TYPE=1>
<LI>Digital Marketing</LI><BR>
<LI>MS Excel</LI><BR>
<LI>Organised and Efficient</LI><BR>
<LI>MS Word</LI><BR>
</OL><HR>
</BODY>
</HTML>

9
ASSIGNMENT – 2

1. Write 4 paragraphs in HTML using various tags and different alignments. Formatting of all
the four paragraphs must be different.
First paragraph : About HTML
Second paragraph : About tags and attributes used in HTML
Third paragraph : About www
Fourth paragraph : About E-commerce
All these paragraphs must be separated with horizontal line.
OUTPUT :

10
SOURCE CODE :
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-2 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<BODY BGCOLOR=YELLOW>
<H1 ALIGN=CENTER><B><U><FONT
COLOR=BLACK>HTML</FONT></U></B></H1><HR>
<H2><B><U>ABOUT HTML</U></B></H2>
The HyperText Markup Language or HTML is the standard markup language for documents
designed to be displayed in a web browser. It can be assisted by technologies such as
Cascading Style Sheets (CSS) and scripting languages such as JavaScript.Web browsers
receive HTML documents from a web server or from local storage and render the documents
into multimedia web pages.HTML describes the structure of a web page semantically and
originally included cues for the appearance of the document.<BR>
HTML elements are the building blocks of HTML pages.With HTML constructs, images and
other objects such as interactive forms may be embedded into the rendered page. HTML
provides a means to create structured documents by denoting structural semantics for text
such as headings, paragraphs, lists, links, quotes and other items. HTML elements are
delineated by tags, written using angle brackets.<BR>

11
HTML can embed programs written in a scripting language such as JavaScript, which affects
the behavior and content of web pages. Inclusion of CSS defines the look and layout of
content.<BR><HR>
<H2><B><U><ALIGN=LEFT>TAGS AND ATTRIBUTES IN
HTML</ALLIGN></U></B></H2>
Tags and attributes are the basis of HTML.They work together but perform different
functions.<BR>
Tags are used to mark up the start of an HTML element and they are usually enclosed in
angle brackets. Most tags must be opened and closed in order to function.<BR>
Attributes contain additional pieces of information. Attributes take the form of an opening tag
and additional info is placed inside.<BR>
<H3><B><U>ATTRIBUTES IN HTML</U></B></H3>
<OL TYPE=1>
<LI><B>href Attribute</B></LI>
It defines a hyperlink. The href attribute specifies the URL of the page.<BR>
<BR>
<LI><B>src Attribute</B></LI>
The "img" tag is used to embed an image in an HTML page. The src attribute specifies the
path to the image to be displayed.<BR>
There are two ways to specify the URL in the src attribute:
<UL STYLE="LIST-STYLE-TYPE:DISC">
<LI><B>Absolute URL -</B> Links to an external image that is hosted on another website.
<B>Example:</B> src="https://www.w3schools.com/images/img_girl.jpg".</LI>
<LI><B>Relative URL -</B> Links to an image that is hosted within the website. Here, the
URL does not include the domain name. If the URL begins without a slash, it will be relative
to the current page.<B>Example:</B> src="img_girl.jpg".<BR>
If the URL begins with a slash, it will be relative to the domain.<B> Example:</B>
src="/images/img_girl.jpg".</LI></UL><BR>
<LI><B>Width and Height Attributes</B></LI>
The Image tag should also contain the width and height attributes, which specify the width
and height of the image (in pixels).<BR>
<BR>
<LI><B>alt Attribute</B></LI>

12
The required alt attribute for the image tag specifies an alternate text for an image, if the
image for some reason cannot be displayed. This can be due to a slow connection, or an error
in the src attribute, or if the user uses a screen reader.<BR>
<BR>
<LI><B>Style Attribute</B></LI>
The style attribute is used to add styles to an element, such as color, font, size, and
more.<BR>
<BR>
<LI><B>Lang Attribute</B></LI>
One should always include the lang attribute inside the <html> tag, to declare the language of
the Web page. This is meant to assist search engines and browsers. Country codes can also be
added to the language code in the lang attribute. So, the first two characters define the
language of the HTML page, and the last two characters define the country.<BR>
<BR>
<LI><B>Title Attribute</B></LI>
The title attribute defines some extra information about an element.<BR>
</OL><HR>
<H2><B><U><ALIGN=LEFT>WORLD WIDE WEB(WWW)</ALIGN></U></B></H2>
The World Wide Web (WWW), commonly known as the Web, is an information system
enabling documents and other web resources to be accessed over the Internet.<BR>
Documents and downloadable media are made available to the network through web servers
and can be accessed by programs such as web browsers. Servers and resources on the World
Wide Web are identified and located through character strings called uniform resource
locators (URLs). The original and still very common document type is a web page formatted
in Hypertext Markup Language (HTML). This markup language supports plain text, images,
embedded video and audio contents, and scripts (short programs) that implement complex
user interaction. The HTML language also supports hyperlinks (embedded URLs) which
provide immediate access to other web resources. Web navigation, or web surfing, is the
common practice of following such hyperlinks across multiple websites. Web applications
are web pages that function as application software. The information in the Web is
transferred across the Internet using the Hypertext Transfer Protocol (HTTP).<BR><HR>
<H2><B><U><ALIGN=LEFT>E-COMMERCE</ALIGN></U></B></H2>
Ecommerce, also known as electronic commerce or internet commerce, refers to the buying
and selling of goods or services using the internet, and the transfer of money and data to
execute these transactions. Ecommerce is often used to refer to the sale of physical products
online, but it can also describe any kind of commercial transaction that is facilitated through
the internet.<BR>
<H3><B><U>TYPES OF E-COMMERCE MODELS</U></B></H3>

13
<OL TYPE=1>
<LI><B>Business to Consumer(B2C)</B></LI>
When a business sells a good or service to an individual consumer (e.g. You buy a pair of
shoes from an online retailer).<BR>
<LI><B>Business to Business(B2B)</B></LI>
When a business sells a good or service to another business (e.g. A business sells software-
as-a-service for other businesses to use)<BR>
<LI><B>Consumer to Consumer(C2C)</B></LI>
When a consumer sells a good or service to another consumer (e.g. You sell your old
furniture on eBay to another consumer).<BR>
<LI><B>Consumer to Business(C2B)</B></LI>
When a consumer sells their own products or services to a business or organization (e.g. An
influencer offers exposure to their online audience in exchange for a fee, or a photographer
licenses their photo for a business to use).<BR>
</OL><HR>
</BODY>
</HTML>

14
ASSIGNMENT – 3

1. Give background color to web page and change font with different color of every list. Use
marquee tag for heading.
Separate each list with horizontal line of different color, width and size.

OUTPUT :

15
SOURCE CODE :
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-3 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<BODY BGCOLOR=SALMON>
<H1><MARQUEE DIRECTION="LEFT"><B><U>ORDERED & UNORDERED
LIST</U></B></MARQUEE></H1>
<H2><B>DEFAULT</B></H2>
<OL TYPE=1>
<LI>ORANGE</LI>
<LI>MANGO</LI>
<LI>BANANA</LI>
<LI>APPLE</LI></OL><HR>
<BR>
<H2><B>LOWER ALPHABETS</B></H2>
<OL TYPE=a>
<LI>RED</LI>

16
<LI>BLUE</LI>
<LI>GREEN</LI>
<LI>YELLOW</LI></OL><HR>
<BR>
<H2><B>UPPER ALPHABETS</B></H2>
<OL TYPE=A>
<LI>FOOD</LI>
<LI>HOUSE</LI>
<LI>WATER</LI>
<LI>ELECTRICITY</LI>
<LI>TRANSPORTATION</LI></OL><HR>
<BR>
<H2><B>LOWER ROMAN</B></H2>
<OL TYPE=i>
<LI>CEO</LI>
<LI>MANAGERS</LI>
<LI>SUPERVISORS</LI>
<LI>WORKERS</LI>
</OL><HR>
<BR>
<H2><B>UNORDERED LIST EXAMPLES</B></H2>
<UL STYLE="LIST-STYLE-TYPE:CIRCLE">
<LI>SACHIN</LI>
<LI>MANOJ</LI></UL>
<BR>
<UL STYLE="LIST-STYLE-TYPE:DISC">
<LI>PRIYA</LI>
<LI>MOHIT</LI></UL>
<BR>
<UL STYLE="LIST-STYLE-TYPE:SQUARE">

17
<LI>PINKY</LI>
<LI>PUNAM</LI></UL>
<BR>
<UL STYLE="LIST-STYLE-TYPE:NONE">
<LI>MUKTI</LI>
<LI>DHAMA</LI>
</UL><HR>
</BODY>
</HTML>

18
ASSIGNMENT – 4

1.

OUTPUT :

SOURCE CODE :
<HTML>
<HEAD>

19
<TITLE>ASSIGNMENT-4 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<BODY BGCOLOR=LIME>
<H1 ALIGN=CENTER><B><U>COMPUTER SYSTEM</U></B></H1>
<img src=COMP.jpeg align=right height=200 width=200 margin=50 hspace=60 border=5>
<OL TYPE=1>
<LI><B><I>INPUT DEVICES</I></B></LI>
<OL TYPE= i>
<LI style="font:calibri;">Keyboard</LI>
<LI>Mouse</LI>
<LI>Joystick</LI>
<LI>Scanner</LI>
<OL TYPE=a>
<LI>Flat Bed Scanner</LI>
<LI>Hand Held Scanner</LI></OL>
</OL><HR>
<BR>
<LI><B><I>OUTPUT DEVICES</I></B></LI>
<OL TYPE=i>
<LI>Monitor</LI>
<OL TYPE=a>
<LI>LCD</LI>
<LI>CRT</LI></OL>
<LI>Printer</LI>
<OL TYPE=I>
<LI>Impact Printer</LI>
<LI>Non-Impact Printer</LI></OL>
</OL><HR>
<BR>
<LI><B><I>MEMORY</I></B></LI>

20
<OL TYPE=a>
<LI>Primary Memory</LI>
<UL style=sqaure>
<LI>RAM</LI>
<UL style="list-style-type:circle">
<LI>SRAM</LI>
<LI>DRAM</LI></UL>
<LI>ROM</LI>
<UL style="list-style-type:circle">
<LI>EROM</LI>
<LI>PROM</LI>
<LI>EEPROM</LI></UL>
<LI>Secondary Memory</LI>
<UL style="list-style-type:disc">
<LI>HDD</LI>
<LI>Floppy Disc</LI>
<LI>Pen Drive</LI></UL>
</OL><HR>
</BODY>
</HTML>

21
ASSIGNMENT – 5

1.

OUTPUT :

SOURCE CODE :
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-5 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>

22
<BODY BGCOLOR=#DAEE01>
<H1 ALIGN=CENTER><B><U>CHEMICAL EQUATION</U></B></H1><BR>
In Mathematics,a quadratic equation is a polynomial equation of the second degree. The
general form is<BR>
<CENTER>ax<SUP>2</SUP>+bx+c=0</CENTER><BR>
Where!=0(For if a=0,the equation becomes a linear equation<HR>
<H2><U>"CHEMICAL EQUATION"</U></H2>
4H<SUB>3</SUB>PO<SUB>3</SUB>=3H<SUB>3</SUB>PO<SUB>4</SUB>+PH<SU
B>3</SUB>
<BR>
and the other expression as <BR>
P<SUB>new</SUB>=P<SUB>old</SUB>+X<SUP>2</SUP>-Y<SUP>acosx</SUP>
</BODY>
</HTML>

23
ASSIGNMENT – 6

1. Design images with all attributes webpage using for types of e-commerce model.
OUTPUT :

24
SOURCE CODE :
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-6 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<BODY BGCOLOR=#CFECEC>

25
<H1 ALIGN=CENTER><B><U>E-COMMERCE MODELS</U></B></H1>
Ecommerce, also known as electronic commerce or internet commerce, refers to the buying
and selling of goods or services using the internet, and the transfer of money and data to
execute these transactions.<BR>
<H2><B>TYPES OF E-COMMERCE BUSINESS MODELS</B></H2>
<img src=ECOMX.jpg align=right height=200 width=500 border=3 hspace=60
margin=50></align>
E-commerce business models can generally be categorized into the following categories:
<OL TYPE=1>
<LI>Business - to - Business (B2B)</LI>
<LI>Business - to - Consumer (B2C)</LI>
<LI>Consumer - to - Consumer (C2C)</LI>
<LI>Consumer - to - Business (C2B)</LI>
<LI>Business - to - Government (B2G)</LI>
<LI>Consumer-to-Government (C2G)</LI>
</OL><BR>
<UL style="list-style-type:disc">
<LI><H3><B>Business-to-Business (B2B)</B></H3></LI>
A website following the B2B business model sells its products to an intermediate buyer who
then sells the product to the final customer. As an example, a wholesaler places an order from
a company's website and after receiving the consignment, sells the endproduct to the final
customer who comes to buy the product at one of its retail outlets.<BR>
<BR>
<img src=b2b.jpg height=300 width=400 border=3 hspace=400><BR>
<BR><HR>

<LI><H3><B>Business-to-Consumer (B2C)</B></H3></LI>
A website following the B2C business model sells its products directly to a customer. A
customer can view the products shown on the website. The customer can choose a product
and order the same. The website will then send a notification to the business organization via
email and the organization will dispatch the product/goods to the customer.<BR>
<BR>
<img src=b2c.jpg height=300 width=400 border=3 hspace=400><BR>
<BR><HR>

26
<LI><H3><B>Consumer-to-Consumer (C2C)</B></H3></LI>
A website following the C2C business model helps consumers to sell their assets like
residential property, cars, motorcycles, etc., or rent a room by publishing their information on
the website. Website may or may not charge the consumer for its services. Another consumer
may opt to buy the product of the first customer by viewing the post/advertisement on the
website.<BR>
<BR>
<img src=c2c.jpg height=300 width=400 border=3 hspace=400><BR>
<BR><HR>

<LI><H3><B>Consumer-to-Business (C2B)</B></H3></LI>
In this model, a consumer approaches a website showing multiple business organizations for
a particular service. The consumer places an estimate of amount he/she wants to spend for a
particular service. For example, the comparison of interest rates of personal loan/car loan
provided by various banks via websites. A business organization who fulfills the consumer's
requirement within the specified budget, approaches the customer and provides its
services.<BR>
<BR>
<img src=c2b.jpg height=300 width=400 border=3 hspace=400><BR>
<BR><HR>

<LI><H3><B>Business-to-Government (B2G)</B></H3></LI>
B2G model is a variant of B2B model. Such websites are used by governments to trade and
exchange information with various business organizations. Such websites are accredited by
the government and provide a medium to businesses to submit application forms to the
government.<BR>
<BR>
<img src=file:///C:/Users/Saransh/OneDrive/Desktop/b2g.jpg height=200 width=600
border=3 hspace=350><BR>
<BR><HR>

<LI><H3><B>Consumer-to-Government (C2G)</B></H3></LI>
Also called consumer-to-administration commerce, the C2G model enables consumers to
request information or give feedback about public sectors. The request or feedback goes
straight to the appropriate authority or government administration. An example of C2G e-

27
commerce includes making online payments through a government website for things like
electricity, health insurance or taxes.<BR>
<BR>
<img src=c2g.jpeg height=200 width=600 border=3 hspace=350><BR>
<BR><HR>
</UL>
</BODY>
</HTML>

28
ASSIGNMENT – 7

1. Design a web page of 6 hyperlinks. All hyperlinks must link with assignment 1,2,3,4.
• Hyperlink 5 must be an image and link to assignment 5.
• Hyperlink 6 must be an image link to another image.

OUTPUT :

SOURCE CODE :
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-7 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<BODY BGCOLOR=#LAVENDER>
<H1 ALIGN=CENTER><B><U>HYPERLINKS</U></B></H1>
<OL TYPE=1>
<LI><a href=> Assignment-1 CLICK HERE</a></LI><BR>
<LI><a href=Ecom2.html> Assignment-2 CLICK HERE</a></LI><BR>
<LI><a href=ECOM3.html>Assignment-3 CLICK HERE</a></LI><BR>

29
<LI><a href=Ecomm4.html>Assignment-4 CLICK HERE</a></LI><BR>
<LI><a href= Ecom5.html>
<img src=PIC1.jpeg height=200 width=200 border=3></a></LI><BR>
<LI><a href=PIC2.png>
<img src=ECOMX.jpg height=200 width=200 border=3></a></LI>
</BODY>
</HTML>

30
ASSIGNMENT – 8

1. Design web page for hyperlink and bookmark.


OUTPUT :

31
SOURCE CODE :
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-8 SARANSH TYAGI (35321201820)</TITLE>
</HEAD>

32
<BODY BGCOLOR=#CFECEC>
<H1 ALIGN=CENTER><B><U>E-COMMERCE MODELS</U></B></H1>
Ecommerce, also known as electronic commerce or internet commerce, refers to the buying
and selling of goods or services using the internet, and the transfer of money and data to
execute these transactions.<BR>
<H2><B>TYPES OF E-COMMERCE BUSINESS MODELS</B></H2>
<img src=ECOMX.jpg align=right height=200 width=500 border=3 hspace=60
margin=50></align>
E-commerce business models can generally be categorized into the following categories:
<OL TYPE=1>
<a href=#B2B><LI>Business - to - Business (B2B)</LI></a>
<a href=#B2C><LI>Business - to - Consumer (B2C)</LI></a>
<a href=#C2C><LI>Consumer - to - Consumer (C2C)</LI></a>
<a href=#C2B><LI>Consumer - to - Business (C2B)</LI></a>
<a href=#B2G><LI>Business - to - Government (B2G)</LI></a>
<a href=#C2G><LI>Consumer-to-Government (C2G)</LI></a>
</OL><BR>
<UL style="list-style-type:disc">
<H3 id=B2B><LI><B>Business-to-Business (B2B)</B></LI></H3>
A website following the B2B business model sells its products to an intermediate buyer who
then sells the product to the final customer. As an example, a wholesaler places an order from
a company's website and after receiving the consignment, sells the endproduct to the final
customer who comes to buy the product at one of its retail outlets.<BR>
<BR>
<img src=b2b.jpg height=300 width=400 border=3 hspace=400><a href=#top>Go to top</a>
<BR><HR>

<H3 id=B2C><LI><B>Business-to-Consumer (B2C)</B></LI></H3>


A website following the B2C business model sells its products directly to a customer. A
customer can view the products shown on the website. The customer can choose a product
and order the same. The website will then send a notification to the business organization via
email and the organization will dispatch the product/goods to the customer.<BR>
<BR>
<img src=b2c.jpg height=300 width=400 border=3 hspace=400><a href=#top>Go to top</a>

33
<BR><HR>

<H3 id=C2C><LI><B>Consumer-to-Consumer (C2C)</B></LI></H3>


A website following the C2C business model helps consumers to sell their assets like
residential property, cars, motorcycles, etc., or rent a room by publishing their information on
the website. Website may or may not charge the consumer for its services. Another consumer
may opt to buy the product of the first customer by viewing the post/advertisement on the
website.<BR>
<BR>
<img src=c2c.jpg height=300 width=400 border=3 hspace=400><a href=#top>Go to top</a>
<BR><HR>

<H3 id=C2B><LI><B>Consumer-to-Business (C2B)</B></LI></H3>


In this model, a consumer approaches a website showing multiple business organizations for
a particular service. The consumer places an estimate of amount he/she wants to spend for a
particular service. For example, the comparison of interest rates of personal loan/car loan
provided by various banks via websites. A business organization who fulfills the consumer's
requirement within the specified budget, approaches the customer and provides its
services.<BR>
<BR>
<img src=c2b.jpg height=300 width=400 border=3 hspace=400><a href=#top>Go to top</a>
<BR><HR>

<H3 id=B2G><LI><B>Business-to-Government (B2G)</B></LI></H3>


B2G model is a variant of B2B model. Such websites are used by governments to trade and
exchange information with various business organizations. Such websites are accredited by
the government and provide a medium to businesses to submit application forms to the
government.<BR>
<BR>
<img src=b2g.jpg height=200 width=600 border=3 hspace=350><a href=#top>Go to top</a>
<BR><HR>

<H3 id=C2G><LI><B>Consumer-to-Government (C2G)</B></LI></H3>


Also called consumer-to-administration commerce, the C2G model enables consumers to
request information or give feedback about public sectors. The request or feedback goes

34
straight to the appropriate authority or government administration. An example of C2G e-
commerce includes making online payments through a government website for things like
electricity, health insurance or taxes.<BR>
<BR>
<img src=download.jpeg height=200 width=600 border=3 hspace=350><a href=#top>Go to
top</a>
<BR><HR>
</UL>
</BODY>
</HTML>

35
ASSIGNMENT – 9

1.

OUTPUT :

SOURCE CODE :
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-9 SARANSH TYAGI (35321201820)</TITLE>
</HEAD>
<BODY><CENTER>
<TABLE BORDER=5 BGCOLOR=YELLOW CELL SPACING=500 CELL
PADDING=500 HEIGHT=400 WIDTH=500>

36
<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>62</TD>
</TR>
<TR>
<TD>3</TD><TD>Rohit Garg</TD><TD>BBA CAM</TD><TD>87</TD>
</TR>
<TR>
<TD>4</TD><TD>Pooja Kapoor</TD><TD>BBA</TD><TD>67</TD>
</TR>
<TR>
<TD>5</TD><TD>Mohit Gupta</TD><TD>BBA CAM</TD><TD>72</TD>
</TR>
</TABLE>
</CENTER></BODY>
</HTML>

37
ASSIGNMENT – 10

1. Design similar web page for the October 2022.

OUTPUT :

SOURCE CODE :
<HTML>
<HEAD>

38
<TITLE>ASSIGNMENT-10 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<BODY><CENTER>
<H1 ALIGN=CENTER><B><U>OCTOBER 2022</U></B></H1>
<BR>
<TABLE BORDER=5 BGCOLOR=#C9DFEC CELL SPACING=500 CELL
PADDING=500 HEIGHT=600 WIDTH=900>
<TR>
<TH style="color:white;background:#357EC7;">Week</TH> <TH
style="color:white;background:#357EC7;">Sun</TH> <TH
style="color:white;background:#357EC7;">Mon</TH> <TH
style="color:white;background:#357EC7;">Tue</TH> <TH
style="color:white;background:#357EC7;">Wed</TH> <TH
style="color:white;background:#357EC7;">Thu</TH> <TH
style="color:white;background:#357EC7;">Fri</TH> <TH
style="color:white;background:#357EC7;">Sat</TH>
</TR>

<TR>
<TH>39</TH> <TH></TH> <TH></TH> <TH></TH> <TH></TH> <TH></TH>
<TH></TH> <TH>1</TH>
</TR>

<TR>
<TH>40</TH> <TH>2</TH> <TH>3</TH> <TH>4</TH> <TH>5</TH> <TH>6</TH>
<TH>7</TH> <TH>8</TH>
</TR>

<TR>
<TH>41</TH> <TH>9</TH> <TH>10</TH> <TH>11</TH> <TH>12</TH>
<TH>13</TH> <TH>14</TH> <TH>15</TH>
</TR>

<TR>

39
<TH>42</TH> <TH>16</TH> <TH>17</TH> <TH>18</TH> <TH>19</TH>
<TH>20</TH> <TH>21</TH> <TH>22</TH>
</TR>

<TR>
<TH>43</TH> <TH>23</TH> <TH>24</TH> <TH>25</TH> <TH>26</TH>
<TH>27</TH> <TH>28</TH> <TH>29</TH>
</TR>

<TR>
<TH>44</TH> <TH>30</TH> <TH>31</TH> <TH></TH> <TH></TH> <TH></TH>
<TH></TH> <TH></TH>
</TR>
</TABLE></CENTER>
</BODY>
</HTML>

40
ASSIGNMENT – 11

1. Design a table as given below :

OUTPUT :

SOURCE CODE :
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-11 SARANSH TYAGI(35321201820) </title>
<CENTER><BR><TABLE border =5 rules=all>

41
<TR>
<TH ROWSPAN=3>DAY</TH> <TH COLSPAN=3>SEMINAR</TH>
</TR>

<TR>
<TH COLSPAN=2>SCHEDULE</TH> <TH ROWSPAN=2>TOPIC</TH>
</TR>

<TR>
<TH>BEGIN</TH> <TH>END</TH>
</TR>

<TR>
<TH ROWSPAN=2>Monday</TH> <TH ROWSPAN=2>8 a.m.</TH> <TH
ROWSPAN=2>5 p.m.</TH> <TH>Introduction to XML</TH>
</TR>

<TR>
<TH>Validity, DTD and Relax NG </TH>
</TR>

<TR>
<TH ROWSPAN=3>Tuesday</TH> <TH>8 a.m.</TH> <TH>11 a.m.</TH> <TH
ROWSPAN=1.5>X path</TH>
</TR>

<TR>
<TH>11 a.m.</TH> <TH>2 p.m.</TH> <TH ROWSPAN=2>XSL Transformations</TH>
</TR>

<TR>

42
<TH>2 p.m. </TH> <TH>5 p.m. </TH>
</TR>

<TR>
<TH ROWSPAN=1>Wednesday </TH> <TH>8 a.m.</TH> <TH>12 p.m.</TH> <TH>XSL
Formatting Objects</TH>
</TR>
</TABLE></CENTER>
</HTML>

43
ASSIGNMENT – 12

1. Design a web page containing nested frames with atleast 10 frames.


OUTPUT :

SOURCE CODE :
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-12 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<FRAMESET ROWS=50%,*>
<FRAMESET COLS=35%,20%,25%,*>
<FRAME src=Ecom10.html>
<FRAME src=Ecom5.html>
<FRAME src=Ecom11.html>
<FRAME src=PIC1.jpeg>
</FRAMESET>
<FRAMESET COLS=20%,20%,25%,*>
<FRAME src=ECOM3.html>

44
<FRAME src=Ecom7.html>
<FRAME src=Ecom2.html>
<FRAME src=Ecomm6.html>
</FRAMESET>
</HTML>

45
ASSIGNMENT – 13

1. Design a web page for linking frames in HTML.


OUTPUT :

46
SOURCE CODE :
HTMLframes.html
<HTML>
<HEAD>
<TITLE>HTML FRAMES</TITLE>
</HEAD>
<BODY BGCOLOR=SALMON>
<H1 ALIGN=CENTER><B><U>HTML FRAMES</U></B></H1>
<OL TYPE=1>
<LI><a href=Ecom2.html target=x>HTML</a></LI>
<LI><a href=Ecom5.html target=x>Chemical Equation</a></LI>
<LI><a href=Ecom9.html target=x>Tables</a></LI>
</OL>
</BODY>
</HTML>

47
ASSIGNMENT-13
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-13 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<FRAMESET COLS=25%,*>
<FRAME src=HTMLframes.html>
<FRAME src=BLANK.html name=x>
</FRAMESET>
</HTML>

48
ASSIGNMENT – 14

1. Design web page for registration form in HTML as shown :

OUTPUT :

SOURCE CODE :
<HTML>
<HEAD>

49
<TITLE>ASSIGNMENT-14 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<BODY BGCOLOR=#E5E4E2>
<H1 ALIGN=CENTER><B><U>REGISTRATION FORM</U></B></H1>
<FORM>
<PRE><FONT FACE=TIMES NEW ROMAN><p ALIGN=CENTER>
<LABEL>First Name </LABEL><INPUT TYPE=text>

<LABEL>Last Name </LABEL><INPUT TYPE=text>

<LABEL>Nick Name </LABEL><INPUT TYPE=text>

<LABEL>E-mail </LABEL><INPUT TYPE=text>

<LABEL>Password </LABEL><INPUT TYPE=text>

<LABEL>Date of Birth </LABEL><INPUT TYPE=text>

<LABEL>Gender </LABEL><INPUT TYPE=radio


name=a><LABEL>Male</LABEL><INPUT TYPE=radio
name=a><LABEL>Female</label><INPUT TYPE=radio
name=a><LABEL>Others</LABEL>

<LABEL>Address </LABEL><TEXTAREA></TEXTAREA>

<LABEL>Mobile </LABEL><INPUT TYPE=text maxlength=10>

<INPUT TYPE=submit> <INPUT TYPE=reset></PRE>


</FORM>
</BODY>
</HTML>

50
ASSIGNMENT-15

1. Design a student registration form in HTML.

OUTPUT :

SOURCE CODE :
<HTML>

51
<HEAD>
<TITLE>ASSIGNMENT-15 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<BODY BGCOLOR=BEIGE>
<TABLE BORDER="1" ALIGN="CENTER" WIDTH="400" BGCOLOR="#CCCCCC" >
<CAPTION>Registration form</CAPTION>
<TR>
<TH>Enter your first name</TH>
<TD><INPUT TYPE="text" maxlength="10"</TD>
</TR>
<TR>
<TH>Enter your last name</TH>
<TD><INPUT TYPE="text"></TD>
</TR>
<TR>
<TH>Enter your password</TH>
<TD><INPUT TYPE="password"></TD>
</TR>
<TR>
<TH>ReEnter your password</TH>
<TD><INPUT TYPE="password"></TD>
</TR>
<TR>
<TH>Enter your email</TH>
<TD><INPUT TYPE="email"></TD>
</TR>
<TR>
<TH>Enter your mobile</TH>
<TD><INPUT TYPE="number"></TD>
</TR>

52
<TR>
<TH>Enter your address</TH>
<TD><TEXTAREA ROWS="8" COLS="20"></TEXTAREA></TD>
</TR>
<TR>
<TH>Select your gender</TH>
<TD>
male<input type="radio" name="g" value="m"/>
female<input type="radio" name="g" value="f"/>
</TD>
</TR>
<TR>
<TH>Select your hobbies</TH>
<TD>
hobby1<input type="checkbox" name="x" value="h"/>
hobby2<input type="checkbox" name="x" value="h2"/>
hobby3<input type="checkbox" name="x" value="h3"/>
</TD>
</TR>
<TR>
<TH>Select your DOB</TH>
<TD><input type="date"/></td>
</TR>
<TR>
<TH>Select your Country</TH>
<TD>
<select name="country">
<option value="" selected="selected" disabled="disabled">Select your country</option>
<option value="1">India</option>
<option value="2">China</option>

53
<option value="3">Sri Lanka</option>
</SELECT>
</TD>
</TR>
<TR>
<TH>Upload your pic</TH>
<TD><input type="file"/></TD>
</TR>
<TR>
<TD COLSPAN="2" ALIGN="CENTER"><INPUT TYPE="submit" VALUE="Save My
Data">
<INPUT TYPE="reset" VALUE="Reset Data">
</TD>
</TR>
</TABLE
</FORM>
</BODY>
</HTML>

54
ASSIGNMENT – 16

1. Design a student registration form.

OUTPUT :

SOURCE CODE :
<HTML>

55
<HEAD>
<TITLE>ASSIGNMENT-16 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<BODY BGCOLOR=BEIGE>
<TABLE ALIGN=CENTER WIDTH=800 BORDER=3 BGCOLOR=CYAN>
<TR><TH><H1>Student Registration Form</H1></TH></TR>
</TABLE>
<TABLE CELLPADDING=5 WIDTH=800 ALIGN=CENTER BGCOLOR=CYAN>
<TR><TD>Name:</TD><TD><INPUT TYPE="text" value="enter full name"
size="50"></TD></TR>
<TR><TD>Father's Name:</TD><TD><INPUT TYPE="text" size="50"></TD></TR>
<TR><TD>Mother's Name:</TD><TD><INPUT TYPE="text" size="50"></TD></TR>
<TR><TD>Phone Number:</TD><TD><INPUT TYPE="text" value=123xxxxxxx
size="50" maxlength=10></TD></TR>
<TR><TD>E-mail:</TD><TD><INPUT TYPE="text" [email protected]
size="50"></TD></TR>
<TR><TD>Gender:</TD><TD><INPUT TYPE="radio"
NAME=a><LABEL>Male</LABEL><INPUT TYPE="radio"
NAME=a><LABEL>Female</LABEL><INPUT TYPE="radio"
NAME=a><LABEL>Others</LABEL></TD></TR>
<TR><TD>Date of Birth:</TD><TD><INPUT TYPE=Date></TD></TR>
<TR><TD>Address:</TD><TD><INPUT TYPE="text" size="50" Value="Street- House-
Road-"></TD></TR>
<TR><TD>Blood
Group:</TD><TD><SELECT><OPTION>SELECT</OPTION><OPTION>A+</OPTION>
<OPTION>A-</OPTION><OPTION>B+</OPTION><OPTION>B-
</OPTION><OPTION>O+</OPTION><OPTION>O-
</OPTION><OPTION>AB+</OPTION><OPTION>AB-
</OPTION></SELECT></TD></TR>
<TR><TD>Department:</TD><TD><INPUT TYPE="radio"
NAME=b><LABEL>BBA</LABEL><INPUT TYPE="radio"
NAME=b><LABEL>CSE</LABEL><INPUT TYPE="radio"
NAME=b><LABEL>eee</LABEL></TD></TR>
<TR><TD>Course:</TD><TD><INPUT TYPE="radio"
NAME=c><LABEL>c</LABEL><INPUT TYPE="radio"
NAME=c><LABEL>C++</LABEL><INPUT TYPE="radio"
NAME=c><LABEL>Java</LABEL><INPUT TYPE="radio"

56
NAME=c><LABEL>AI</LABEL><INPUT TYPE="radio"
NAME=c><LABEL>Robotics</LABEL><INPUT TYPE="radio"
NAME=c><LABEL>Machine Learning</LABEL></TD></TR>
<TR><TD>PHOTO:</TD><TD><INPUT TYPE=FILE></TD></TR>
<TR><TD COLSPAN=2 ALIGN=CENTER><INPUT TYPE=SUBMIT><INPUT
TYPE=RESET></TD></TR>
</TABLE>
</BODY>
</HTML>

57
ASSIGNMENT – 17

1. Design a web page using audio and video tag.


OUTPUT :

SOURCE CODE :
<HTML>
<HEAD>
<TITLE>ASSIGNMENT-17 SARANSH TYAGI(35321201820)</TITLE>
</HEAD>
<BODY BGCOLOR=#1974D2>
<H1 ALIGN=CENTER><B><U>HTML VIDEO &AUDIO</U></B></H1>
<p align=center>
<audio controls autoplay>
<source src="video3.ogg" type="audio/ogg">
<source src="video3.mp4" type="audio/mpeg">
Your brower does not support the audio element.
</AUDIO>
<BR>

58
<BR>
<VIDEO WIDTH="400" HEIGHT="240" controls>
<source src="video3.mp4" type="video/mp4">
<source src=""video3.ogg" type="video/ogg">
Your browser does not support the HTML video.
</VIDEO>
</p>
</BODY>
</HTML>

59

You might also like