You are on page 1of 44

GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY,

New Delhi

MAHARAJA SURAJMAL INSTITUTE


C-4, Janakpuri, New Delhi

E-commerce Lab
Subject Code-BBA - 106

SUBMITTED BY SUBMITTED TO
Student name – Arnav Nigam Dr. Itti Hooda
Enrollment No:- 02121201720
BBA (G) II EVENING SHIFT
Section A
INDEX
Ecommerce Lab Assignment 1
QUES: WRITE
A PARAGRAPH IN HTML USING THE VARIOUS
TAGS AND ALIGNMENT.
Line wrap
<html>
<head>
<title> program no.1 </title>
</head>
<body bgcolor = "aqua">
<h1> FIRST HEADING </H1><HR>
<B> THIS IS BOLD</B><br>
<I> THIS ONE IS ITALIC </I><BR>
<U> THIS ONE IS UNDERLINE</U><BR>
<p style="text-align:center;"><FONT COLOR ="RED"> THIS IS CENTRE ALLIGNED RED COLOR
TEXT</FONT></P>
<P ALIGN="LEFT"> THIS ONE IS THE LEFT ALLIGNED</P>
<P ALIGN="RIGHT"> THIS IS THE RIGHT ALLIGNED</P>

<PRE>
SNO. NAME SUBJECT
43. GARIMA ECOM LAB
</PRE>
</BODY>
Ecommerce Lab Assignment 2
QUES: WRITE
A QUADRATIC EQUATION USING THE HTML TAGS
AX2+BX+C=0

<html>

<head>

<title> program no 02</title>

</head>

<body bgcolor="RED">

<h1> ax<sup>2</sup>+bx+c=0</h1><br>

</body>

</html>
ECOMMERCE LAB ASSIGNMENT 3
PREPARE YOUR CV WITH THE REQUIRED DETAILS
QUES:
WHICH INCLUDE YOUR PEROSNAL DETAILS, ACHIEMENTS,
HOBBIES, STRENGTHS, OBJECTIVE AND EDUCATIONAL
QUALIFICATION IN HTML

<html>

<head><title>CV</title></head>

<body Bgcolor = "blue">

<H1><b><I><center> Arnav Nigam</center></I></B></H1>

<H1><B><I><CENTER>EMAIL – arnavvibhu04@gmail.com</CENTER></I></B><H1>

<IMG SRC =" " height ="150px"<br><hr>

<h2><B><I><CENTER>OBJECTIVE</CENTER></I></B></H2>

<P><CENTER> TO OPEN MY OWN BUSINESS <BR>

<H2><B><CENTER> EDUCATIONAL QUALIFICATIONS </CENTER></B></I><H2>

<CENTER><PRE>

S NO. QUALIFICATIONS INSTITUTE

1 BBA MSI

2 CLASS 12 SD PUBLIC

</PRE></CENTER><HR>

<H2><B><CENTER> ACHIEVEMENT</CETER></B></H2>

<p><center>1.WON A MEDAL IN SPORTS DAY </CENTER></P>

<h2><B><I><CENTER>STRENGTHS</CENTER></B></I></H2>

<CENTER><P>1GOOD ORATOR WORKER<BR>2.FOCUSED<BR>3.QUICK LEARNER<BR>

</P></CENTER><HR>

<H2><B><I><CENTER>HOBBIES</CENTER></B></I></H2>

<P><CENTER> LISTENING MUSIC, READING AND LEARNING NEW SKILLS</CENTER></P>


<h2><B><CENTER> PERSONAL DETAILS</CENTER></B></H2>

<P><CENTER>1. MOBILE NO. 9024599254<BR>2. ADDRESS. New Delhi<BR></P></CENTER><HR>

</BODY>

</HTML>

Ecommerce Lab Assignment 4


QUES: PREPAREA WEB PAGE TESTING ALL THE FONT STYLES
AND SIZES IN HTML WITH RESPECTIVE TAGS.

<html>

<head>

<title> attributes of font </title>

</head>

<body>

<font face="times new roman" size="10" color="red">hey there

</font><br>

<font face="Verdana" size="16" color="blue">hey there

</font><br>

<font face="comic sans ms" size="30" color="purple">hey there

</font><br>

<font face="Courier New" size="30" color="green">hey there

</font><br>

<font face="Brush Script MT" size="30" color="orange">hey there

</font><br>

<font><br>

</body>

</html>
<html>
<head
<title>><U><font size="200" COLOR="darkred">BLOCKCHAIN
</font></B></U></title>
</head>
<BODY bgcolor="mistyrose">
<marquee><font size="200" COLOR="DARKBLUE"><B><U>CRYPTO
CURRENCY</font></B></U></marquee>
<hr>
<center>
<a href="formating.html">formating</a>
<hr>
<a href=" ANCHOR.html">Anchor</a>
<hr>
<a href="MARQUEE.html">Marquee</a>
<hr>
<a href="TABLE.HTML">Other Tags</a><HR>
</center>
</body>
</html>
<html>
<head>
<title>Formatting Styles and Headings</title>
</head>
<body>
<h1><font color="darkred"><b><u>Blockchain</font></u></b></h1><br>
<p><b><font sizez="70">Blockchain seems complicated, and it definitely can be, but its
core concept is really quite simple. A blockchain is a type of database. To be able to
understand blockchain, it helps to first understand what a database actually is.
<p><B><marquee><IMG SRC ="D:\HTML ECOM LAB MSI\program
no.5\5c9ae1_ca3a9ae131d0409fade14021f7c40e23_mv2.gif " HEIGHT ="200"
WIDTH="600"></font> </marquee></B></p>
A database is a collection of information that is stored electronically on a computer
system. Information, or data, in databases is typically structured in table format to allow
for easier searching and filtering for specific information. What is the difference between
someone using a spreadsheet to store information rather than a database?</p>
<h2><font color="darkred"><b><u>Storage Structure</h2></font></b></u><br>
<p>One key difference between a typical database and a blockchain is the way the data
is structured. A blockchain collects information together in groups, also known as blocks,
that hold sets of information. Blocks have certain storage capacities and, when filled, are
chained onto the previously filled block, forming a chain of data known as the
“blockchain.” All new information that follows that freshly added block is compiled into
a newly formed block that will then also be added to the chain once filled.
A database structures its data into tables whereas a blockchain, like its name implies,
structures its data into chunks (blocks) that are chained together. This makes it so that
all blockchains are databases but not all databases are blockchains. This system also
inherently makes an irreversible timeline of data when implemented in a decentralized
nature. When a block is filled it is set in stone and becomes a part of this timeline. Each
block in the chain is given an exact timestamp when it is added to the chain.</p>
<h2><font color="darkred"><b><u>Transaction Process</b></u></font></h2><br>
<p><B><marquee><IMG SRC ="D:\HTML ECOM LAB MSI\program
no.5\0ff7784184af761d38db3013a4d1584e.gif" HEIGHT ="200"
WIDTH="500"></font> </marquee></B></p>
<h2><font color="darkred"><b><u>Attributes of
Cryptocurrency</u></font></b></h2><br>
<p>Key features of cryptocurrencies
Cryptography. Cryptocurrencies use advanced cryptography in a number of ways
Blockchain technology. A blockchain is the decentralised, public ledger or list of a
cryptocurrency's transactions. ...
Block mining
Bitcoin
Ethereum
Bitcoin cash
Litecoin</p>
<h2><font color="darkred"><b><u>Decentralization</b></font></u></h2><br>
<p>For the purpose of understanding blockchain, it is instructive to view it in the context
of how it has been implemented by Bitcoin. Like a database, Bitcoin needs a collection of
computers to store its blockchain. For Bitcoin, this blockchain is just a specific type of
database that stores every Bitcoin transaction ever made. In Bitcoin’s case, and unlike
most databases, these computers are not all under one roof, and each computer or group
of computers is operated by a unique individual or group of individuals. </p>
<p><B><marquee><IMG SRC ="D:\HTML ECOM LAB MSI\program no.5\
tumblr_mk0szziY2z1qmpg90o1_500.gif" HEIGHT ="300" WIDTH="500"></font>
</marquee></B></p>
<h2><b><u>Transparency</b></u></h2>
<p>Because of the decentralized nature of Bitcoin’s blockchain, all transactions can be
transparently viewed by either having a personal node or by using blockchain explorers
that allow anyone to see transactions occurring live. Each node has its own copy of the
chain that gets updated as fresh blocks are confirmed and added. This means that if you
wanted to, you could track Bitcoin wherever it goes. </p>
<h2><font color="darkred"><B><U> BLOCKCHAIN
WORKING</B></font></U></H2>
<P>How Blockchain Works
Now that we understand what blockchain is, it’s time to actually explore the components
of the process and answer the QUEStion “how does blockchain work?” How blockchain
works, to put it simply, is through a time-stamped series of data records, managed by a
group of computers not under the ownership of any single entity, individual, or
corporation. The blocks of data (which are, indeed, referred to as “blocks”) are bound to
one another with the use of cryptographic principles, forming the eponymous “chain.”
Graphic illustrating what a blockchain is and how blockchain works
Public blockchain ledgers are primarily managed autonomously and are used in peer-to-
peer networks to exchange data between connected groups of parties. As is the nature of
blockchain, there’s no need for an administrator. The users work together as a collective
administrator. Another form of blockchain, generally known as a permissioned or
“private” blockchain, allows an organization to both create and administer transactional
networks that can be used with partners, either internally or from one company to
another.
Every blockchain transaction goes through the same steps regardless of whether it’s used
for financial transactions or product tracking. The basic principle of the operation of any
blockchain can be broken into four distinct, contiguous steps:
and verification process. Once one block is complete, another block will soon follow —
typically within just a matter of minutes. </P>
<p><B><marquee><IMG SRC ="D:\HTML ECOM LAB MSI\program no.5\
Blockchain-Technology-Solutions.gif " HEIGHT ="200" WIDTH="500"></font>
</marquee></B></p>
<html>
<head>
<title>Font Styles and Images</title>
<basefont color="green" size="3">
</head>
<body>
<h2><center><a href="HOMEPAGE.html">Back to Homepage</a></center></h2>
</body>
</html>
Ques 6: Create a web page for the sub scripts and
superscripts.
Line wrap
<html>
<head>
<title> mathamatical equation</title>
</head>
<body bgcolor="pink">
<h1><u><b> quadratic equation</u></b></h1>
<p><marquee>ax<sup>2</sup>+bx+c=0<br>
where !=0( for if a=0,the equation becomes a linear equation )</marquee></p>
<h1><u><b> chemical equation</u></b></h1>
<p><marquee>
4H<SUB>3</SUB>3</SUB>=3H<SUB>3</SUB>PO<SUB>4</SUB>+PH<SUB>3m/SU
B><br>
P<SUB>NEW</SUB>=P<SUB>OLD</SUB>+X<SUP>2</SUP>-Y<SUP>ACOSX</
SUP></marquee></P>
</BODY>
</HTML>
Ques 7: create a web page with the list of items orderly
bulleted.
<html>
<head>
<title>program no 7</title>
</head>
<body bgcolor="powderblue">
<h1><font face="segoe UI black"><font size="15"><center>ORDERED LIST
</center></font></h1><hr>
<ol>
<li><font face="Arial"><font size="7">Beetroot</font></li>
<li><font face="Arial"><font size="7">Ginger</font></li>
<li><font face="Arial"><font size="7">Potato</font></li>
<li><font face="Arial"><font size="7">Raddish</font></li>
</ol>
<br></br>
<h1><font face="segoe UI black"><font size="15"><center>UNORDERED LIST
</center></font></h1><hr>
<ul>
<li><font face="Arial"><font size="7">Beetroot</font></li>
<li><font face="Arial"><font size="7">Ginger</font></li>
<li><font face="Arial"><font size="7">Potato</font></li>
<li><font face="Arial"><font size="7">Raddish</font></li>
</ul>
</body>
</html>

Question 8: Create a web page illustrating the insertion of


bullets.

Line wrap
<html><head><title>computer syster </TITLE>
</HEAD>
<BODY BGCOLOR="AQUA">
<H1> <U><U><I>COMPUTER DEVICE</U></I></H1>
<p><B><MARQUEE><IMG SRC ="C:\Users\AJEET SINGH RAWAT\OneDrive\
Desktop\ff5fd0bc37e7897fafcd4a1eb86dd55c.jpg" HEIGHT ="200"
WIDTH="500"></MARQUEE></B></p>
<H2> INPUT DEVICES</H2><B>
<UL="SQUARE">
<LI> KEYBOARD</LI>
<LI>JOYSTICK</LI>
<LI> SCANNER</LI>
<UL>
<LI>FLAT BED SCANNER</LI>
<LI>HAND HELD SCANNER</LI>
</B></U></UL><HR>
<H2><U><I><MARQUEE>OUTPUT DEVICES</I></H2>
<UL="SQUARE">
<p><B><MARQUEE><IMG SRC ="C:\Users\AJEET SINGH RAWAT\OneDrive\
Desktop\200.gif" HEIGHT ="200" WIDTH="300"></MARQUEE></B></p>
<LI><U><I>MONITOR</U></I></LI>
<UL>
<LI>A.LCD</LI>
<LI>B.CRT</LI>
</MARQUEE></UL>
<UL="SQUARE"><HR>
<LI><I><U>PRINTER</I></U></LI>
<UL>
<LI>A.IMPACT PRINTER</LI>
<LI>B.NON IMPACT PRINTER </LI>
</U></UL>
</BODY>
</HTML>
Question9: Create a Web Page illustrating the table formation

Line wrap
<html><head>
<title></title></head>
<BODY BGCOLOR="AQUA">
<H1><U>TABLE OF DUNDER MIFLIN</U></H1>
<table border ="2">
<tr>
<th> ROLL NO.</TH>
<TH>NAME </TH>
<TH>COURSE</TH>
<TH>INTERNAL</TH>
<TH>EXTERNAL </TH>
<TH>TOTAL</TH>
</tr>
<tr>
<TD>01</TD>
<td>MICHAEL SCOTT</TD>
<TD>BBA</TD>
<TD>90</TD>
<TD>98</TD>
<TD>818</TD>
</TR>
<tr>
<TD>02</TD>
<td>JIM HALPART</TD>
<TD>BBA</TD>
<TD>10</TD>
<TD>20</TD>
<TD>30</TD>
</TR>
<tr>
<TD>03</TD>
<td>DWIGHT</TD>
<TD>BBA</TD>
<TD>12</TD>
<TD>24</TD>
<TD>36</TD>
</TR>
<tr>
<TD>04</TD>
<td>KEVIN MALONE</TD>
<TD>BBA</TD>
<TD>9</TD>
<TD>9</TD>
<TD>18</TD>
</TR>
<tr>
<TD>05</TD>
<td>PAM</TD>
<TD>BBA</TD>
<TD>30</TD>
<TD>48</TD>
<TD>70</TD>
</TR>
<tr>
<TD>06</TD>
<td>ANGELA </TD>
<TD>BBA</TD>
<TD>45</TD>
<TD>45</TD>
<TD>90</TD>
</TR>
<tr>
<TD>07</TD>
<td>DAVID WALLACE </TD>
<TD>BBA</TD>
<TD>9</TD>
<TD>8</TD>
<TD>17</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Question 10: Create a table regarding the no of courses
available and seats in IP university.
Line wrap

<HTML>
<HEAD>
<TITLE>PROGRAM-9</TITLE>
</HEAD>
<BODY BGCOLOR="aqua"><CENTER>
<table border=1 width=1600>
<TR><b>
<TH COLSPAN = "6" HEIGHT = "50px">IP UNIVERSITY COURSES</TH>
</TR>
<TR>
<TH COLSPAN = "2" WIDTH = "100px" HEIGHT = "25px">GRADUATE</TH>
<TH COLSPAN = "4" HEIGHT = "25px">POST GRADUATE</TH>
</TR>
<TR>
<TH>BBA</TH>
<TH>BCA</TH>
<TH>B.TECH</TH>
<TH>MBA</TH>
<TH>MCA</TH>
<TH>M.TECH</TH>
</TR></b>
<TR>
<TD><CENTER>240</CENTER></TD><TD><CENTER>120</CENTER></
TD><TD><CENTER>100</CENTER></TD><TD><CENTER>200</CENTER></
TD><TD><CENTER>100</CENTER></TD><TD><CENTER>80</CENTER></TD>
</TR>
</TABLE>
</BODY>
</HTML>
Question 11: create a combine program for the subjects in
second semester in BBA course at IP university.
Line wrap
<html>
<head
<title>><U><font size="200" COLOR="darkred">BBA SEMESTER 2
</font></B></U></title>
</head>
<BODY bgcolor="MEDIUMTURQUOISE">
<font size="200" COLOR="DARKBLUE"><B><U>SYLLABUS </font></B></U>
<hr>
<center>
<OL TYPE ="a">
<LI><a href="MATHS.html">MATHS</a></LI>
<hr>
<LI><a href=" ECOMMERCE.HTML">ECOMMERCE</a></LI>
<hr>
<LI><a href="STATS.html">STATS </a></LI>
<hr>
<LI><a href="BC.HTML">BUSINESS COMMUNICATION</a><HR></LI>
<LI><a href="BE.HTML">BUSINESS ENVIRONMENT</a><HR></LI>
</center>
<p><B><marquee><IMG SRC ="D:\HTML ECOM LAB MSI\PROGRAM 10\BBA-
1170x607.jpeg " HEIGHT ="200" WIDTH="400"></font> </marquee></B></p>
</head>
<body>
<h2><center><a href="HOMEPAGEE.html">Back to Homepage</a></center></h2>
</body>
</html>
Maths

Line wrap
<html>
<head
<title><U><font size="200" COLOR="darkred">MATHS </font></B></U></title>
</head>
<BODY bgcolor="AQUA">
<table border="1" WIDTH="1000">
<tr>
<th>UNIT 1<BR></th><br>
<th> UNIT 2<BR></th>
<th> UNIT 3<BR></th>
<th> UNIT 4</th></tr>
<TR>
<TD><B>CALCULUS
</TD>
<TD>TRIGONOMETRY</TD>
<TD>PROBABILITY</TD> <TD>RANGE</B></TD>
</TR>
</table>
<p><B><marquee><IMG SRC ="D:\HTML ECOM LAB MSI\PROGRAM 10\200.gif "
HEIGHT ="200" WIDTH="600"></font> </marquee></B></p>
</body>
</html>

Ecommerce
Line wrap
<html>
<head
<title><U><font size="200" COLOR="darkred"> ECOMMERCE </font></B></U></title>
</head>
<BODY bgcolor="AQUAMARINE">
<P>
<table border="1" WIDTH="1000">
<tr>
<th>UNIT 1<BR></th><br>
<th> UNIT 2<BR></th>
<th> UNIT 3<BR></th>
<th> UNIT 4</th></tr>
<TR><TD><B>B2B
</TD>
<TD>B2C</TD>
<TD>B2G</TD> <TD>G2B</B></TD> </TR>
</table>
<p><B><marquee><IMG SRC ="D:\HTML ECOM LAB MSI\PROGRAM 10\itv+e-
commerce+video.gif " HEIGHT ="200" WIDTH="300"></font> </marquee></B></p>
</body>
</html>
Statistics
Line wrap
<html>
<head
<title><U><font size="200" COLOR="darkred"> STATS </font></B></U></title>
</head>
<BODY bgcolor="DARKSCREENGREEN">
<P>
<table border="1" WIDTH="1000">
<tr>
<th>UNIT 1<BR></th><br>
<th> UNIT 2<BR></th>
<th> UNIT 3<BR></th>
<th> UNIT 4</th></tr>
<TR>
<TD><B>MEAN
</TD>
<TD>MEDIAN</TD>
<TD>MODE</TD> <TD>RANGE</B></TD> </TR>
</table>
<p><B><marquee><IMG SRC ="D:\HTML ECOM LAB MSI\PROGRAM
10\2ee6998e34c3e2eff7b894c66cfc5267.jpg " HEIGHT ="200" WIDTH="600"></font>
</marquee></B></p>
</body>
</html>

Business communication
Line wrap
<html>
<head
<title><U><font size="200" COLOR="darkred"> BUSINESS COMMUNICATION
</font></B></U></title>
</head>
<BODY bgcolor="GREENYELLOW">
<P>
<table border="1" WIDTH="1000">
<tr>
<th>UNIT 1<BR></th><br>
<th> UNIT 2<BR></th>
<th> UNIT 3<BR></th>
<th> UNIT 4</th></tr>
<TR>
<TD><B>FACE TO FACE COM
</TD>
<TD>TELEPHONIC COM</TD>
<TD>UPWARD FLOW COM</TD> <TD>DOWNWARD FLOW COM</B></TD>
</TR>
</table>
<p><B><marquee><IMG SRC ="D:\HTML ECOM LAB MSI\PROGRAM
10\10803654bdab9c0200e2579807b3b37a.gif" HEIGHT ="200" WIDTH="600"></font>
</marquee></B></p>
</body>
</html>

Business environment
Line wrap
<html>
<head
<title><U><font size="200" COLOR="darkred"> BUSINESS ENVIRONMENT
</font></B></U></title>
</head>
<BODY bgcolor="PALEGREEN">
<P>
<table border="1" WIDTH="1000">
<tr>
<th>UNIT 1<BR></th><br>
<th> UNIT 2<BR></th>
<th> UNIT 3<BR></th>
<th> UNIT 4</th></tr>
<TR>
<TD><B>GREEN ECO
</TD>
<TD>GREEN ERA</TD>
<TD>INDIAN ATMOSPHERE</TD> <TD>TREE</B></TD>
</TR>
</table>
<p><B><marquee><IMG SRC ="D:\HTML ECOM LAB MSI\PROGRAM 10\giphy.gif"
HEIGHT ="200" WIDTH="300"></font> </marquee></B></p>
</body>
</html>

E Commerce Practical 12
Question: Create a HTML webpage for illustrating the procedure to
link various webpages.
<html><head><title>HYPERLINK </title>
</head><body bgcolor="powderblue" alink="red" link="green" vlink="blue"><a
href="https://www.coursera.org/" target="self">

<font size="50" color="red"><b><u>


<h1> HYPERLINK</h1>
<p> click the following links</p>
<p><b><marquee><img src="D:\HTML ECOM LAB MSI\Coursera-Logo.jpg " height="200"
width="300"> </marquee></b></p>
</u></b></font></a><font size="50" color="red"><b><u><a
href="https://www.coursera.org/specializations/excel-data-analytics-visualization#courses" target="-
blank">data analyst course by toronto university </a><br>
<a href="https://www.coursera.org/search?query=business%20analytics&amp;" target="-self">
business analyst</a><br>
<a href="https://www.coursera.org/professional-certificates/google-data-analytics" target="-
parent">google data analyst</a><br>
<a href="https://www.coursera.org/learn/communication-strategies-virtual-age" target="-
top">university of canada</a><br>
<a href="https://www.coursera.org/" target="_self"><br>
<img src="/images/logo.png" alt="coursera point" border="0"></a><br>

<a href="mailto: coursera@gmail.com">Send Email</a>


</u></b></font>

</body></html>
QUES 13: Create a HTML webpage for illustrating the
procedure to link various webpages.

Line wrap
<html>
<head><title> nested table</title></head>
<BODY bgcolor="MEDIUMTURQUOISE"
alink="red" link ="RED" vlink ="blue"><h2><u> FRUITS AND
VEGETABLES</H2></u>
<H2><OL TYPE="A"><LI>VEGETABLES</LI></OL></H2>
<UL>
<p><B><IMG SRC ="D:\HTML ECOM LAB MSI\Eat-Vegetables (1).jpg " HEIGHT
="200" WIDTH="300"></font> </B></p>
<LI> POTATO</LI>
<LI>CARROT</LI>
<LI> TOMATO</LI>
<LI>ONION</LI>
<LI>RADISH</LI>
<li><B><U><a href="https://www.bigbasket.com/ps/?q=vegetables" target="-
blank">CLICK HERE FOR DETAILS</li></a><br></U></B>
<a href = "mailto: BIGBASKET@gmail.com">FOR FEEDBACK</a>
</UL>
<H3><OL TYPE="A" START="2"><LI>FRUITS</LI></OL></H3>
<UL>
<p><B><IMG SRC ="C:\Users\AJEET SINGH RAWAT\OneDrive\Desktop\2-2-2-
3foodgroups_fruits_detailfeature_thumb.jpg " HEIGHT ="200" WIDTH="300"></font>
</B></p>
<LI>APPLE</LI>
<LI>MANGO</LI>
<LI>BANANA</LI>
<LI>GRAPES</LI>
<LI>MELON</LI>
<li><B><U><a href="https://www.bigbasket.com/ps/?q=FRUITS" target="-blank">CLICK
HERE FOR DETAILS</li></a><br></U></B>
<a href = "mailto: BIGBASKET@gmail.com">FOR FEEDBACK</a>
</UL><BR>
<MARQUEE> <H2><OL
TYPE="A"><LI>NEWSPAPER</LI></OL></H2></MARQUEE>
<UL>
<LI> HARVARD BUSINESS REVIEW</LI>
<LI>ECONOMICS TIMES</LI>
<LI>TIMES OF INDIA</LI>
<LI>WALL STREET NY</LI>
<p><B><IMG SRC ="C:\Users\AJEET SINGH RAWAT\OneDrive\Desktop\Stack-
newspapers-background.jpg" HEIGHT ="200" WIDTH="300"></font> </B></p>
<li><B><U><a href="https://www.w3newspapers.com/india/" target="-blank">CLICK
HERE FOR DETAILS</li></a><br></U></B>
<a href = "mailto: HNEWS@gmail.com">FOR FEEDBACK</a>
</UL>
<H3><OL TYPE="A" START="2"><LI>MAGAZINE</LI></OL></H3>
<UL>
<p><B><IMG SRC ="D:\HTML ECOM LAB MSI\59001-harvard-business-review-france-
digital-Cover-2018-February-1-Issue.jpg " HEIGHT ="200" WIDTH="300"></font>
</B></p>
<LI> BUSINESS TIMES</LI>
<LI>NY TIMES</LI>
<LI>HINDUSTAN TIMES</LI>
<LI>COMPUTER WORLD</LI>
<li><B><U><a href="http://subscribe.businessworld.in/blogs/top-business-magazines-of-
india-in-2020/" target="-blank">CLICK HERE FOR DETAILS</li></a><br></U></B>
<a href = "mailto: HSB@gmail.com">FOR FEEDBACK</a>
</UL>
</BODY>
</HTML>
Feedback
Click here for details
E Commerce Practical 14
Q: Write a program to create a html table with the following input of
company name and model and also attaching Contact Information.

Line wrap
<html><head>

<title></title></head>

<BODY BGCOLOR="AQUA">

<H1><U>COMPANY TABLE</U></H1>

<table border ="2">

<tr>

<th> SNO.</TH>

<TH>COMPANY NAME E</TH>

<TH>MODEL</TH>

<th>LOGO</th>

</tr>

<tr>

<TD>01</TD>

<td>AUDI</TD>

<TD>AUDI A4</TD>

<TD><p><B><IMG SRC ="C:\Users\AJEET SINGH RAWAT\OneDrive\Desktop\AL090142_full.jpg "


HEIGHT ="100" WIDTH="100"></font> </B></p></TD>

</TR>

<tr>

<TD>02</TD>

<td>PORCHE</TD>

<TD>GT3</TD>
<TD><p><B><IMG SRC ="D:\HTML ECOM LAB MSI\porsche-logo.jpg " HEIGHT ="100"
WIDTH="100"></font> </B></p></TD>

</TR>

<tr>

<TD>03</TD>

<td>MERCEDESE</TD>

<TD>BENZ</TD>

<TD><p><B><IMG SRC ="C:\Users\AJEET SINGH RAWAT\OneDrive\Desktop\


7f2a817ea0d30ae47275d76476492994.jpg" HEIGHT ="100" WIDTH="100"></font> </B></p></TD>

</TR>

<tr>

<TD>04</TD>

<td>DISCLAIMER</TD>

<TD>ALL THESE CAR COMPANY NAMES AND THEIR MODEL NAMES ARE COLLECTED FROM THE
INTERNET. YOU CAN CHANGE COMPANY NAME AND MODEL NAME AS PER YOUR CHOICE

ALL THESE CAR COMPANY NAMES AND THEIR MODEL NAMES ARE COLLECTED FROM THE INTERNET.
YOU CAN CHANGE THE COMPANY NAME AS PER YOUR CHOICE</TD>

</TR>

<tr>

<TD>05</TD>

<td>BMW</TD>

<TD>BMW 5 SERIES</TD>

<TD><p><B><IMG SRC ="C:\Users\AJEET SINGH RAWAT\OneDrive\Desktop\BMW-Logo-1963 (1).jpg "


HEIGHT ="100" WIDTH="100"></font> </B></p></TD>

</TR>

<tr>

<TD>06</TD>

<td>MOBILE NO. </TD>

<TD>8368076279</TD>
</TR>

<tr>

<TD>07</TD>

<td>EMAIL ID </TD>

<TD><a href = "mailto: car@gmail.com">CLICK HEREK</a></TD>

</TR>

</TABLE>

</BODY>

</HTML>
E Commerce Practical 15
Question: Create a Student Form webpage using html coding.
<!doctype html>
<html>
<head><title> CRYPTO CHART</TITLE></HEAD>
<BODY bgcolor="PINK">
<H1><B><U> CRYPTO CHART FORM </B></U></H1>
<FORM>
FIRST NAME:<INPUT TYPE="TEXT" >
LAST NAME:<INPUT TYPE="TEXT"><BR>
PASSWORD:<INPUT TYPE="PASSWORD"><BR>
PHONE NUMBER:<INPUT TYPE="TEXT"><BR>
<B><U>SELECT COLLEGE</B></U><BR>
<INPUT TYPE="RADIO" NAME="CLASS"> MAHARAJA SURAJMAL INSTITUTE NEW
DELHI(MSI)<BR>
<INPUT TYPE="RADIO" NAME="CLASS"> MAHARJA AGRESEN INSTITUTE OF
MANAGEMENT STUDIES(MAIMS)<BR>
<INPUT TYPE="RADIO"NAME="CLASS">VIVEKANAD INSTITUTE OF PROFESSIONL
STUDIES(VIPS)<BR>
<B><U>SELECT CLASS</B></U><BR>
<INPUT TYPE="RADIO" NAME="CLASS"> BBA<BR>
<INPUT TYPE="RADIO" NAME="CLASS"> BCOM <BR>
<INPUT TYPE="RADIO"NAME="CLASS">B TECH<BR>
<B><U>SELECT SECTION</B></U><BR>
<INPUT TYPE="RADIO" NAME="CLASS"> A<BR>
<INPUT TYPE="RADIO" NAME="CLASS"> B <BR>
<INPUT TYPE="RADIO"NAME="CLASS">C <BR>
<BR><BUTTON TYPE="SUBMIT" VALUE="SUBMIT">SUBMIT FORM</BUTTON>
<hr>
<center><B>
<a href="CHART.html">CLICK HERE FOR CHART </a></B>
</FORM>
</BODY>
</HTML>
E Commerce Practical 16
Question: Create an Employees Form webpage using html coding.
<html>
<head>
<title>HTML FORMS</title>
</head>
<body style="background-color:aqua">
<h1><font face="segoe UI black"><font size="10"><i><u><center>HTML Forms</
center></i></u></font></h1><hr>
<h2><font face="segoe UI black"><font size="5"> How to create an  EMPLOYEE HTML 
Forms?</font></h2><hr>
<h3><font face="segoe UI black"><font size="5"><center> EMPLOYEE HTML Forms</
center></font></h3><hr>
<form>
<table width="1000px" cell spacing="10" cell padding="10">
</tr>
<tr>
<td>
<label for="first_name">First Name</label>
</td>
<td>
<input type="text" name="first_name" maxlength="50" size="30">
</td>
</tr>
<tr>
<td>
<label for="last_name">Last Name</label>
</td>
<td>
<input type="text" name="last_name" maxlength="50" size="30">
</td>
</tr>
<tr>
<td>
<label for="age group"><required>AGE GROUP</required></label>
</td>
<td>
<input type="checkbox" name="age">0-18 yrs
<br>
<input type="checkbox" name="age">18-24 yrs
<br>
<input type="checkbox" name="age">24-60 yrs
<br>
<input type="checkbox" name="age">60-80 yrs
</td>
</tr>
<tr>
<td>
<label for="gender"><required>Gender</required></label>
</td>
<td>
<input type="radio" name="gender">Male
<input type="radio" name="gender">Female
</td>
</tr>
<tr>
<td>
<label for="proffession">Proffession</label>
</td>
<td>
<input type="button" name="button" value="Teacher" onclick="alert('You clicked t
he button!')"/>
<input type="button" name="button" value="Student" onclick="alert('You clicked t
he button!')"/>
<input type="button" name="button" value="Doctor" onclick="alert('You clicked th
e button!')"/>
<input type="button" name="button" value="Others"onclick="alert('You clicked the 
button!')"/>
</td>
</tr>
<tr>
<td>
<label for="qualifications">Qualifications</label>
</td>
<td>
<textarea name="Qualifications" maxlength="1000" cols="25" rows="6"></textarea>
</td>
</tr>
<tr>
<td>
<label for="upload file">Upload your 10<sup>th</sup>and 12<sup>th</sup> markshee
t here:</label>
</td>
<td>
<form action="upload.php" method="post" enctype="multipart/form-data">
  Select file to upload:
  <input type="file" name="fileToUpload" id="fileToUpload">
</form>
</td>
</tr>
<tr>
<td>
<label for="institute from which 10th passed">Institute from where completed 10<
sup>th</sup></label>
</td>
<td>
<input type="text" name="institute" maxlength="90" size="30">
</td>
</tr>
<tr>
<td>
<label for="institute from which 12th passed">Institute from where completed 12<
sup>th</sup></label>
</td>
<td>
<input type="text" name="institute" maxlength="90" size="30">
</td>
</tr>
<tr>
<td>
<label for="hobbies">Hobbies</label>
</td>
<td>
<textarea name="Hobbies" maxlength="500" cols="15" rows"4"></textarea>
</td>
</tr>
<tr>
<td>
<label for="email">Email Address</label>
</td>
<td>
<input type="text" name="email" maxlength="80" size="30">
</td>
</tr>
<tr>
<td>
<label for="password">Password</label>
</td>
<td>
<input type="text" name="password" maxlength="50" size="30">
</td>
</tr>
<tr>
<td>
<label for="telephone">Telephone Number</label>
</td>
<td>
<input type="text" name="telephone" maxlength="50" size="30">
</td>
</tr>
<tr>
<td>
<label for="telephone">Phone Number</label>
</td>
<td>
<input type="text" name="telephone" maxlength="80" size="30">
</td>
</tr>
<tr>
<td>
<label for="agree or disagree">What is your say on the topic that sports in nece
ssary for physical development of the kids aged 5-18 yrs?</label> 
</td>
<td>
<select>
<option value="Agree">Agree</option>
<option value="Disagree">Disagree</option>
<option value="both">Both</option>
<option value="can't say">Can't say</option>
</select>
</td>
</tr>
<tr>
<td>
<label for="comments">Your comments: "DO SPORTS PLAY AN IMPORTANT ROLE IN THE PH
YSICAL DEVELOPMENT OF KIDS AGED 5 TO 18 YRS"</label>
</td>
<td>
<textarea name="comments" rows="15" cols="50"></textarea>
</td>
</tr>
</table>
<br></br>
<input type="submit" value="Submit">

</form>

</body>
</html>
E Commerce Practical 17
Q: Illustrate frames using html.
1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.     <title>Frame tag</title>  
5. </head>  
6.   <frameset cols="25%,50%,25%">  
7.     <frame src="frame1.html" >  
8.     <frame src="frame2.html">   
9.     <frame src="frame3.html">  
10.   </frameset>  
11. </html>  
Frame1.html
1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.     <style>  
5.        div{  
6.                             background-color: #7fffd4;   
7.          height: 500px;  
8.         }  
9.     </style>  
10. </head>  
11. <body>  
12.     <div>  
13.         <h2>This is first frame</h2>  
14.     </div>  
15.  </body>  
16. </html>  
Frame2.html
1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.     <style>  
5.        div{  
6.          background-color: #2f4f4f;   
7.          height: 500px;  
8.   
9.        }  
10.     </style>  
11. </head>  
12. <body>  
13.     <div>  
14.         <h2>This is Second frame</h2>  
15.     </div>  
16.  </body>  
17. </html>  
Frame3.html
1. <!DOCTYPE html>  
2. <html>  
3. <head>  
4.     <style>  
5.        div{  
6.          background-color: #c1ffc1;   
7.          height: 500px;  
8.                       }  
9.     </style>  
10. </head>  
11. <body>  
12.                 <div>  
13.           <h2>This is Third frame</h2>  
14.     </div>  
15.  </body>  
16. </html>  

You might also like