Ecom Practical File
Ecom Practical File
STUDIES
SEC-9 DWARKA, NEW DELHI- 110075
(AFFILIATED TO)
GURU GOBIND SINGH INDRAPRASTHA UNIVERSITY SECTOR-
16C, DWARKA, N EW DELHI
E-COMMERCE LAB
2021-2024
1) Introduction to HTML
a) History of HTML
b) Features of HTML
c) Versions of HTML
d) How to create an html web page explain this with the help of example
2) Design a web page for any company of your choice. Illustrate the use of
head tag, body tag, title tag, paragraph tag, Background color tag and font
tag(size,font color,face,etc...)
4) Illustrate the use of subscript and design the web page for the following
chemical equation:
C2H5OH+PCL5=C2H5CL+POCL3+HCL
4H3PO3=3H3PO4+PH3
PCL3+CL2=PCL5
5) Illustrate the use of superscript and design the web page for the
following Quadratic equation:
X4-2X3-3X2=0
6W2-W=5
U2-5U3-14=0
13) Create an employee table, detail table and salary table in HTML web
page
15) Write a code in html to Illustrate the various Form tags and generate the
following output:
HTML
*Introduction to HTML
The Hyper Text 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
*Features of HTML
1. it is very easy and simple language .it can be easily understood and modified.
2. it is very easy to make an effective presentation with HTML because it has a lot
of formatting tags.
3. it is a markup language, so it provides a flexible way to design web pages along
with the text.
4. it facilitates programmers to add a link on the web pages so it enhances the
interest of browsing of the user.
5. it is platform-independent because it can be displayed on any platform like
windows, etc.
*Version of HTML
XHTML is a separate language that began as a reformulation of HTML 4.01 using
XML 1.0. It is no longer being developed as a separate standard.
XHTML 1.0 was published as a W3C Recommendation on January 26, 2000,[57]
and was later revised and republished on August 1, 2002. It offers the same three
variations as HTML 4.0 and 4.01, reformulated in XML, with minor restrictions.
XHTML 1.1[58] was published as a W3C Recommendation on May 31, 2001. It is
based on XHTML 1.0 Strict, but includes minor changes, can be customized, and is
reformulated using modules in the W3C recommendation "Modularization of
XHTML", which was published on April 10, 2001.[59]
XHTML 2.0 was a working draft, work on it was abandoned in 2009 in favour of
work on HTML5 and XHTML5. XHTML 2.0 was incompatible with XHTML 1.x and,
therefore, would be more accurately characterized as an XHTML-inspired new
language than an update to XHTML 1.x.
An XHTML syntax, known as "XHTML5.1", is being defined alongside HTML5 in the
HTML5 draft.
PRACTICAL-1
HOW TO CREATE AN HTML WEB PAGE, EXPLAIN WITH AN
EXAMPLE
<HTML>
<Head>
<TITILE>SHOPPING WEBSITE</TITLE>
</Head>
<Body>
<p> Welcome to our website. You can login and browse according to your wish <p>
</Body>
</HTML>
PRACTICAL – 2
DESIGN A WEB PAGE FOR ANY COMPANY OF YOUR
CHOICE. ILLUSTRATE THE USE OF HEAD TAG, BODY
TAG, TITLE TAG, PARAGRAPH TAG, BACKGROUND
COLOR TAG AND FONT TAG.
<HTML>
<head>
<TITILE>IM DEFENCE.in</TITLE>
</head>
IM DEFENCE</h1></font>
<h2>CARS</h2>
<h3>SCOTTER</h3>
<h4>TOY CARS</h4>
<h6>BATTERY SCOTTER</h6>
<p>WELCOME</p>
</BODY>
</HTML
PRACTICAL – 3
ILLUSTRATE THE TEXT FORMATTING TEXT
<HTML>
<head>
</head>
<BODY align="middle">
<P><FONT COLOR="GREEN"><TT>WELCOME</TT></FONT></P>
</BODY>
</HTML>
PRACTICAL – 4
ILLUSTRATION OF SUBSCRIPT TAG
<HTML>
<HEAD>
<TITLE>USE OF SUBSCRIPT FOR CHEMICAL EQUATION</TITLE>
</HEAD>
<BODY ALIGN="MIDDLE">
<H3>C<SUB>2</SUB>H<SUB>5</SUB>OH+PCL<SUB>5</SUB>=C<SUB>2</
SUB>H<SUB>5</SUB>CL+POCL<SUB>3</SUB>+HCL</H3>
<HR SIZE=3 COLOR=BROWN>
<H3>4H<SUB>3</SUB>PO<SUB>3</SUB>=3H<SUB>3</SUB>PO<SUB>4</
SUB>+PH<SUB>3</SUB></H3>
<HR SIZE=3 COLOR=RED>
<H3>PCL<SUB>3</SUB>+CL<SUB>2</SUB>=PCL<SUB>5</SUB></H3>
<HR SIZE=3 COLOR=BLUE>
</BODY>
</HTML>
PRACTICAL – 5
ILLUSTRATION OF SUBSCRIPT TAG
<HTML>
<HEAD>
<TITLE>USE OF SUPERSCRIPT FOR QUADRATIC EQUATION</TITLE>
<BODY ALIGN="MIDDLE">
<H3>X<SUP>4</SUP>-2X<SUP>3</SUP>-3X<SUP>2</SUP>=0</H3>
<HR SIZE=3 COLOR=PINK>
<H3>6W<SUP>2</SUP>-W=5</H3>
<HR SIZE=3 COLOR=RED>
<H3>U<SUP>2</SUP>-5U<SUP>3</SUP>-14=0</H3>
<HR SIZE=3 COLOR=BLUE>
</BODY>
</HTML>
PRACTICAL – 6
ILLUSTRATION OF NESTED LIST
<HTML>
<HEAD>
<BODY>
<H1 ALIGN="MIDDLE"> TRINITY INSTITUTE OF PROFESSIONAL STUDIES </H1>
<H2 ALIGN="MIDDLE"> OFFERS THE FOLLOWING COURSES: </H2>
<H3> FULL-TIME COLOR: </H3>
<UL TYPE="CIRCLE">
<LI> BCA </LI>
<LI> BBA </LI>
<LI> BAJMC </LI>
<LI> BALLB </LI>
<LI> B.TECH </LI>
</UL>
<H4> EVENING COURSES: </H4>
<UL TYPE="CIRCLE">
<LI> BSC </LI>
<LI> MSC </LI>
<LI> B.ED </LI>
<LI> MBA </LI>
</UL>
<h5> WEEKEND COURSES: </H5>
<UL TYPE="CIRCLE">
<LI> M.PHILL </LI>
<LI> P.HD </LI>
</UL>
</BODY>
PRACTICAL – 7
ILLUSTRATION OF DISCRIPTION LIST
<HTML>
<HEAD>
<BODY BGCOLOR="CYAN">
<H1>#ILLUSTRATION OF ORDERED LIST</H1>
<H2><FONT COLOR="BROWN"><U>NUMBERED LIST</U></FONT></H2>
<OL TYPE="1">
<LI>POTATO</LI>
<LI>TOMATO</LI>
<LI>ONION</LI>
<LI>CARROT</LI>
<LI>REDDISH</LI>
</OL>
<H2><FONT COLOR="RED"><U>ALPHABETICAL</U></FONT></H2>
<OL TYPE="A">
<LI>POTATO</LI>
<LI>TOMATO</LI>
<LI>ONION</LI>
<LI>CARROT</LI>
<LI>REDDISH</LI>
</OL>
<H2><FONT COLOR="YELLOW"><U>ROMAN LIST</U></FONT></H2>
<OL TYPE="I">
<LI>POTATO</LI>
<LI>TOMATO</LI>
<LI>ONION</LI>
<LI>CARROT</LI>
<LI>REDDISH</LI>
</OL>
<H2><FONT COLOR="WHITE"><U>SMALL ROMAN LIST</U></FONT></H2>
<OL TYPE="i">
<LI>POTATO</LI>
<LI>TOMATO</LI>
<LI>ONION</LI>
<LI>CARROT</LI>
<LI>REDDISH</LI>
</OL>
<H2><FONT COLOR="ORANGE"><U>NUMBERED LIST</U></FONT></H2>
<OL TYPE="a">
<LI>POTATO</LI>
<LI>TOMATO</LI>
<LI>ONION</LI>
<LI>CARROT</LI>
<LI>REDDISH</LI>
</OL>
</BODY>
</HTML>
PRACTICAL – 8
ILLUSTRATION OF UNORDERED NESTED LIST
<html>
<head>
<title>college courses</title>
</head>
<body bgcolor="pink">
<p align=middle><font size=5><b><u>Our College Offers Following
Courses</u></b></font></p>
<ul>
<li><font color="red">Computer Science Branches.</font></li>
<ul type=circle>
<li><font color="yellow">B.TECH</font></li>
<ul type=square>
<li>VLSI</li>
<li>ROBOTICS</li>
<li>INFORMATION TECHNOLOGY</li>
<li>ELECTRICAL AND ELECTRONICS</li>
</ul>
<li><font color="blue">M.TECH</font></li>
<ul type=square>
<li>VLSI</li>
<li>ROBOTICS</li>
<li>INFORMATION TECHNOLOGY</li>
<li>ELECTRICAL AND ELECTRONICS</li>
</ul>
</ul>
</ul>
<ul>
<li><font color="blue">Commerce Branches.</font></li>
<ul type=circle>
<li><font color="green">List of courses after 12 without math</font></li>
<ul type=square>
<li>Bcom General</li>
<li>Bcom Business Administration</li>
<li>Bcom Marketing</li>
<li>Bcom Tourism and Travel Management</li>
</ul>
<li><font color="black">List of courses after 12 with math</font></li>
<ul type=square>
<li>Bcom Honours</li>
<li>Bcom Accounting And Taxation</li>
<li>Bcom Statistics</li>
<li>Bcom Banking And Finance</li>
</ul>
<li><font color="yellow">MBA</font></li>
<ul type=square>
<li>Finance And Accounting</li>
<li>General Management</li>
<li>Marketing</li>
<li>Human Resouce Management</li>
</ul>
</ul>
</ul>
</ul
</body>
</html>
PRACTICAL – 9
ILLUSTRATION OF ORDERED NESTED LIST
<HTML>
<HEAD>
<TITILE><U><P ALIGN="MIDDLE">ORDERED NESTED
LIST</U></TITLE></P></HEAD>
<OL TYPE="A">
<LI><b>UNIT-1</B></LI>
<OL TYPE="A">
<LI><U>Introduction to E.commerce </U></LI>
<OL TYPE="I">
<LI>MODELS OF E.COMMERCE</LI>
<OL TYPE="1">
<LI>B2B</LI>
<LI>B2C</LI>
<LI>C2B</LI>
<LI>C2C</LI>
<LI>B2G</LI>
<LI>G2B</LI>
<LI>G2C</LI>
</OL>
<LI>APPLICATION OF E.COMMERCE</LI>
<LI>ADVANTAGES OF E.COMMERCE</LI>
<LI>DISADVANTAGES OF E.COMMERCE</LI>
<LI>E-BUSINESS & M.COMMWERCE</LI>
</OL>
<LI>HTML BASICS</LI>
<LI>TAGS</LI>
<OL TYPE="1">
<LI>CONTAINER TAGS</LI>
<LI>EMPTY TAGS</LI>
</OL>
<LI>CODING</LI>
<LI>LIST</LI>
</OL>
<LI><B>UNIT-2</B></LI>
<OL TYPE="A">
<LI>SECURITY ISUSUES IN E.COMMERCE</LI>
<OL TYPE="I">
<LI>INTRODUCTION</LI>
<LI>THREATS TO E.COMMERCE</LI>
<LI>SECURITY GOALS</LI>
<LI>ENCRYPTION & DECUPTION</LI>
<OL TYPE="1">
<LI>PUBLIC KEY CRYPTOGRAPHY</LI>
<LI>PRIVATE KEY CRYPTOGRAPHY</LI>
</OL></OL></OL>
</OL>
PRACTICAL – 10
ILLUSTRATION OF DESCRIPTION LIST
<HTML>
<HEAD>
<BODY BGCOLOR=CYAN>
<H1 ALIGN=MIDDLE>DESCRIPTION LIST</H1>
<DL>
<DT>DISCRIPTION LIST</DT>
<DD>THIS IS A LIST OF TERMS AND DISCRIPTION</DD>
<DT>E-COMMERCE</DT>
<DD>1.IT IS KNOWN AS THE ELECTRONIC COMMERCE OR INTERNET
COMMERCE
2.IT REFERS TO THE BUYING AND SELLLING OF GOODS AND SERVICES USING
THE INTERNET AND TRANSFER OF MONEY AND DATA TO EXECUTE THOSE
TRANSACTIONS.</DD>
<DT>HTML</DT>
<DD>HTML IS AN ACRONYM WHICH STANDS HYPER TEXT MARKUP LANGUAGE
WHICH IS USED FOR CREATING WEBPAGES OR WEB APPLICATIONS.</DD>
<DT>ORDERED LIST</DT>
<DD>USED TO CREATE A LIST OF RELATED ITEMS IN A SPECIFIC ORDER.</DD>
<DT>UNORDERED LIST</DT>
<DD>USED TO CREATE A LIST OF RELATED ITEMS,IN NO PARTICULAR
ORDER.</DD>
</BODY>
</HTML>
PRACTICAL – 11
ILLUSTRATION OF TABLES IN HTML
<HTML>
<BODY bgcolor="CYAN">
<head></head>
<title>kanika Practical 13</title>
<body>
<table border="1" align="center">
<caption><FONT COLOR="RED"><b>TRAIN TABLE</caption></FONT>
<tr>
<th>Train Number</th>
<th>Departure</th>
<th>Arrival</th>
<th>Category</th>
</tr>
<tr>
<td>12267</td>
<td>23:25</td>
<td>05:15</td>
<td>Duronto</td>
</tr>
<tr>
<td>12426</td>
<td>19:40</td>
<td>05:05</td>
<td>Rajdhani</td>
</tr>
<tr>
<td>12019</td>
<td>06:05</td>
<td>13:15</td>
<td>Shatabdi Express</td>
</tr>
</table>
</BODY>
</HTML>
PRACTICAL – 12
CREATE A TABLE IN HTML USING ROWSPAN ATTRIBUTE
<HTML>
<BODY bgcolor="CYAN">
<head></head>
<title>KANIKA PRACTICAL </title>
<body>
<table border="3" align="center">
<caption><FONT COLOR="RED"><b>TABLE OF DOG BREEDS</caption></FONT>
<tr>
<th>Bread</th>
<th>Description</th>
<th>group</th>
<th>organization</th>
</tr>
<tr>
<td>French Bulldog</td>
<td>Loyal companion</td>
<td>Non Sporting</td>
<td rowspan="4">All listed dogs are AKC recognized</td>
</tr>
<tr>
<td>Wheaten Terrior</td>
<td>High Energy, Friendly</td>
<td>Terrier</td>
</tr>
<tr>
<td>English Pointer</td>
<td>Hunting Companion</td>
<td>Sporting</td>
</tr>
<tr>
<td>Australian Cattle Dog</td>
<td>Gaurdian, Herding</td>
<td>Working</td>
</tr>
</table>
</BODY>
</HTML>
PRACTICAL – 13
CREATE AN EMPLOYEE TABLE, SALARY TABLE, AND DETAIL
TABLE IN AN HTML WEB PAGE
<html>
<head>
<body "textalign=center">
<table border="2" bgcolor="pink"
cell padding="6"
cell spacing="8"
hieght="20"
width="20">
<caption>EMPLOYEE TABLE</caption>
<tr>
<th>s.no.</th>
<th>NAME</th>
<th>AGE</th>
<th>DEPARTMENT</th>
</tr>
<tr>
<td>1</td>
<td>RADHA DEVI</td>
<td>20</td>
<td>HR</td>
</tr>
<tr>
<td>2</td>
<td>GEETHA BHARDWAJ</td>
<td>21</td>
<td>IT</td>
</tr>
<table border="2" bgcolor="pink"
cell padding="6"
cell spacing="8"
hieght="20"
width="20">
<caption>DISCRIPTION TABLE</caption>
<tr>
<th>NAME</th>
<th colspan=2>TELEPHONE</th>
<th>EMAIL ID</th>
</tr>
<tr>
<td>RADHA DEVI</td>
<td>3335627894</td>
<td>2255346789</td>
<td>radhadevi@gmailo.com</td>
</tr>
<tr>
<td>GEETHA BHARDWAJ</td>
<td>2654321578</td>
<td>6895764398</td>
<td>geethabhardwaj@gmail.com</td>
</tr>
<HR SIZE=30 COLOR=BLUE>
<table border="2" bgcolor="pink"
cell padding="6"
cell spacing="8"
hieght="20"
width="20">
<caption>SALARY TABLE</caption>
<tr>
<th>NAME</th>
<th>SALARY</th>
<th>TA</th>
<th>HRA</th>
<th>MEDICAL</th>
</tr>
<tr>
<td>RADHA</td>
<td>300000</td>
<td>25%</td>
<td>25%</td>
<td>100000</td>
</tr>
<tr>
<td>GEETHA</td>
<td>300000</td>
<td>25%</td>
<td>25%</td>
<td>100000</td>
</tr>
<HR SIZE=30 COLOR=yellow>
</body>
</html>
PRACTICAL – 14
ILLUSTRATION OF FRAME TAG
<HTML>
<BODY bgcolor="CYAN">
<UL type="square"><B>Shopping Brands</B>
<B><LI>Indian Brands</LI></B>
<UL>
<LI>Peter England</LI>
<LI>FabIndia</LI>
<LI>Raymond</LI>
<LI>Biba</LI>
</UL></UL>
<UL type="square">
<LI><B>International Brands</B></LI>
<UL>
<LI>House of Varsace</LI>
<LI>Burberry</LI>
<LI>Chanel</LI>
<LI>Gucci</LI></UL></UL></UL>
</BODY>
</HTML>
<HTML>
<BODY bgcolor="cyan">
<H1>Description of Flipkart</H1>
<P>
Flipkart a Tudian e-commerce company, headquartered Bangalore,
Karnataka, India, and incorporated in Singapore as a private limited company.
The company initially focused on online book sales before expanding in other product
categories och as consumer electronics, fashion, home essentials. groceries, and lifestyle
products.
The service competes primarily with Amazon's Indian subsidiary and domestic rival Snapdeal.
Flipkart has a dominant position in the apparel segment, bolstered by its acquisition of Myntra,
and was described as being "neck and neck" with Amazonin the sale of electronics and mobile
phones.</P>
</BODY>
</HTML>
<HTML>
<BODY bgcolor="CYAN">
<head></head>
<title>kanika Practical 14</title>
<body>
<table border="3" align="center">
<caption><FONT COLOR="RED"><b>FLIPKART</caption></FONT>
<tr>
<th>S.No</th>
<th>Product Name</th>
<th>Price</th>
<th>Brand name</th>
</tr>
<tr>
<td>1</td>
<td>Shoes</td>
<td>5000</td>
<td>Addidas</td>
</tr>
<tr>
<td>2</td>
<td>Saree</td>
<td>1000</td>
<td>inddus</td>
</tr>
<tr>
<td>3</td>
<td>Kurtis</td>
<td>500</td>
<td>Zara</td>
</tr>
<tr>
<td>4</td>
<td>Top & Tees</td>
<td>600</td>
<td>Nike</td>
</tr>
</table>
</BODY>
</HTML>
PRACTICAL – 15
ILLUSTRATION OF FORM TAG
<html>
<head>
<title>Book Your Car</title>
</head>
<body>
<h1 align=middle>Maruti Suzuki</h1>
<h3 align=middle>Car booking form</h3>
<table align="center" cellpadding = "10">
<tr>
<td>FIRST NAME</td>
<td><input type="text" name="First_Name" maxlength="30"/>
(max 30 characters a-z and A-Z)
</td>
</tr>
<tr>
<td>LAST NAME</td>
<td><input type="text" name="Last_Name" maxlength="30"/>
(max 30 characters a-z and A-Z)
</td>
</tr>
<tr>
<td>DATE OF BIRTH</td>
<td>
<select name="Birthday_day" id="Birthday_Day">
<option value="-1">Day:</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select id="Birthday_Month" name="Birthday_Month">
<option value="-1">Month:</option>
<option value="January">Jan</option>
<option value="February">Feb</option>
<option value="March">Mar</option>
<option value="April">Apr</option>
<option value="May">May</option>
<option value="June">Jun</option>
<option value="July">Jul</option>
<option value="August">Aug</option>
<option value="September">Sep</option>
<option value="October">Oct</option>
<option value="November">Nov</option>
<option value="December">Dec</option>
</select>
<select name="Birthday_Year" id="Birthday_Year">
<option value="-1">Year:</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
</select>
</td>
</tr>
<tr>
<td>EMAIL ID</td>
<td><input type="text" name="Email_Id" maxlength="100" /></td>
</tr>
<tr>
<td>MOBILE NUMBER</td>
<td>
<input type="text" name="Mobile_Number" maxlength="10" />
(10 digit number)
</td>
</tr>
<tr>
<td>GENDER</td>
<td>
Male <input type="radio" name="Gender" value="Male" />
Female <input type="radio" name="Gender" value="Female" />
Other <input type="radio" name="Gender" value="Other" />
</td>
</tr>
<tr>
<td>ADDRESS <br /><br /><br /></td>
<td><textarea name="Address" rows="4" cols="30"></textarea></td>
</tr>
<tr>
<td>CITY</td>
<td><input type="text" name="City" maxlength="30" />
(max 30 characters a-z and A-Z)
</td>
</tr>
<tr>
<td>PIN CODE</td>
<td><input type="text" name="Pin_Code" maxlength="6" />
(6 digit number)
</td>
</tr>
<tr>
<td>STATE</td>
<td><input type="text" name="State" maxlength="30" />
(max 30 characters a-z and A-Z)
</td>
</tr>
<tr>
<td>COUNTRY</td>
<td><input type="text" name="Country" value="India" readonly="readonly"
/></td>
</tr>
<tr>
<td>AADHAR</td>
<td><input type="file">(Upload your aadhar card)</td>
</tr>
<tr>
<td>DESCRIPTION</td>
<td><textarea name="Description" rows="4" cols="30"></textarea></td>
</td>
</tr>
<tr>
<td>MODEL</td>
<td>
<select name="model" id="model">
<option value="-1">SELECT THE MODEL</option>
<option value="S-Presso">S-Presso</option>
<option value="Wagon-R">Wagon-R</option>
<option value="Swift">Swift</option>
<option value="Baleno">Baleno</option>
<option value="Ertiga">Ertiga</option>
<option value="Dzire">Dzire</option>
<option value="Celerio">Celerio</option>
<option value="Alto-800">Alto-800</option>
<option value="XL6">XL6</option>
<option value="Ignis">Ignis</option>
<option value="Eeco">Eeco</option>
<option value="Tarzan">Tarzan</option>
</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</td>
</tr>
</table>
</form>
</body>
</html>