Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 42

GURU GOBIND SINGH INDRAPRASTHA

UNIVESITY NEW DELHI

Practical Lab
File ON
E-Commerce Lab (BBA-108)
Submitted in partial fulfillment of the requirement for
The award of degree of BBA Session: 2023-2026
SUBMITTED
AT:
DELHI SCHOOL OF PROFESSIONAL STUDIES &
RESEARCH
ROHINI, NEW DELHI-85
[AFFILIATED TO GGSIPU-NEW
DELHI]

Submitted By: Submitted To:


MOHIT BHATT MS. PRINCY AGGARWAL
(BBA 2B) (Assistant Professor)
03912501723
INDEX

SNO. TOPIC PAGE NO. SIGN


1. HTML document to show paragraph tag, 1
paragraph break tag and paragraph
attribute
align.
2. HTML document to show headings tag. 2

3. HTML document to show background color and 3


marquee tag.
4. HTML document to create a webpage using font 4
color, font size, font size and background color.
5. HTML document to show character level 5-6
formatting.
6. HTML document to show the attributes of 7
horizontal ruler tag.
7. HTML document using nested lists to display 8-12
Various Courses at Commerce College
8. HTML Document using Tables to display 13-17
Calendar of two months.
9. HTML document to show image tag with its 18-19
attributes
10. HTML document to show hyperlink to a 20-21
particular file and open in another window
11. HTML document to show HOTSPOT of an 22-23
image using target attribute in same and
another
window
12. HTML document to create an “English 24-26
Dictionary” using frames (only for vowels).
13. HTML document to embed audio and video 27-28
elements
14. HTML document to create a form. Example: 29-30
Admission form

ii
LAB PRACTICAL FILE 70612501723
QUESTION 1: HTML document to show paragraph tag, paragraph break tag and
paragraph attribute align.
ANSWER: 1

❖ Paragraph tag: The HTML <p> element represents a paragraph. Paragraphs are usually represented in visual
media as blocks of text separated from adjacent blocks by blank lines and/or first line indentation, but HTML
paragraphs can be any structural grouping of related content, such as images or form fields.

❖ Paragraph break: The HTML <br> element defines a line break. Use <br> if you want a line break (a new line)
without starting a new paragraph an html tag is used for line break and it can be used with paragraph elements. This
tag does not have any closing tag so, just a single opening tag will change the line.

❖ Paragraph align attribute: The html align attribute is used to specify the alignment of paragraph text content.

There are 4 align attributes:

I. Left: it sets the text left-align.

II. Right: it sets the text right-align.

III. Center: it sets the text center-align.

IV. Justify: it stretches the text of paragraph to set the width of all lines equal.

HTML CODE:
<HTML>
<BODY>
<P> THIS IS THE EXAMPLE OF PARAGRAPH TAG </P>
<BR>
<P> THIS IS THE EXAMPLE OF BR TAG FOR BREAKING THE PARAGRAPH </P>
<BR>
<P TEXT ALIGN="CENTER"> THIS IS THE EXAMPLE OF PARAGRAPH ATTRIBUTE ALIGN </P>
</BODY>
</HTML>

1
LAB PRACTICAL FILE 70612501723

QUESTION 2: HTML document to show headings tag.


ANSWER 2:

Headings let you break up your page content into readable chunks.They work much like headings and subheadings in
a book or a report. HTML actually supports 6 heading elements h1, h2, h3, h4, h5, and h6. h1 is for the most
important headings, h2 is for less important subheadings, and so on.

HTML CODE:
<HTML>
<HEAD>
<TITLE> E-commerce </TITLE>
</HEAD>
<BODY>
<H1> Tejasvi Shukla </H1>
<H2> Tejasvi Shukla </H2>
<H3> Tejasvi Shukla </H3>
<H4> Tejasvi Shukla </H4>
<H5> Tejasvi Shukla </H5>
<H6> Tejasvi Shukla </H6>
</BODY>
</HTML>

2
LAB PRACTICAL FILE 70612501723
QUESTION 3: HTML document to show background color and marquee tag.
ANSWER 3:

An HTML marquee is a scrolling piece of text displayed either horizontally across or vertically down your webpage
depending on the settings. This is created by using HTML tag.

The Marquee bgcolor attribute in HTML is used to set the background color of marquee. To change add a
background to your marquee, just add bgcolor="?" to your beginning.

HTML CODE:
<HTML>
<HEAD>
<TITLE>MARQUEE TAG AND BACKGROUND COLOR </TITLE>
</HEAD>
<BODY BGCOLOR="PINK">
<MARQUEE>
<FONT COLOR="BLUE"</FONT COLOR> HELLO❤◻❤◻ </MARQUEE>
</BODY>
</HTML>

3
LAB PRACTICAL FILE 70612501723
QUESTION 4: HTML document to create a webpage using font color, font size, font
size and background color.
ANSWER 4:

To set the font color in HTML, use the style attribute. The style attribute specifies an inline style for an element. The
attribute is used with the HTML <p> tag, with the CSS property color. HTML5 do not support the <font> tag, so the
CSS style is used to add font color.

Font face and color depends entirely on the computer and browser that is being used to view your page but you can
use HTML tag to add style, size, and color to the text on your website. You can use a tag to set all of your text to the
same size, face, and color.

The font tag is having three attributes called size, color, and face to customize your fonts. To change any of the font
attributes at any time within your webpage, simply use the<font> tag. The text that follows will remain changed until
you close with the<font> tag. You can change one or the entire font attributes within one <font> tag.

HTML CODE:
<HTML>
<HEAD>
<TITLE>BACKGROUND COLOR AND FONT COLOR AND SIZE </TITLE>
<BODY BGCOLOR="RED">
<P> <FONT COLOR="WHITE"</FONT COLOR><FONT SIZE="30"</FONT SIZE>EXAMPLE OF FONT
COLOR, FONT SIZE AND BACKGROUND COLOR </P>
</BODY>
</HTML>

4
LAB PRACTICAL FILE 70612501723
QUESTION 5: HTML document to show character level formatting.

ANSWER 5:

Bold Text - Anything that appears within ... element


Italic Text - Anything that appears within ... element
Underlined Text - Anything that appears within ... element
Strike Text - Anything that appears within ... element
Monospaced Font - The content of a ... element
Superscript Text - The content of a ... element is written in superscript
Subscript Text - The content of a ... element is written in subscript
Larger Text - The content of the ... element is displayed one font size larger than the rest of the text surrounding
Smaller Text - The content of the ... element is displayed one font size smaller than the rest of the text surrounding

HTML CODE:
<HTML>
<HEAD>
<TITLE> HTML-FORMATTING </TITLE>
</HEAD>
<BODY>
<P> 1. <B> ECOMMERCE FILE </B> </P>
<P> 2. <I> ECOMMERCE FILE </I> </p>
<P> 3. <U> ECOMMERCE FILE </U> </P>
<P> 4. <STRIKE> ECOMMERCE FILE </STRIKE> </P>
<P> 5. <TT ECOMMERCE FILE </TT> </P>
<P> 6. <SUP> ECOMMERCE FILE </SUP> </P>
<P> 7. <SUB> ECOMMERCE FILE </SUB> </P>
<P> 8. <BIG> ECOMMERCE FILE </BIG> </P>
<P> 9. <SMALL> ECOMMERCE FILE </SMALL> </P>
</BODY>
</HTML>

5
LAB PRACTICAL FILE 70612501723

6
LAB PRACTICAL FILE 70612501723
QUESTION 6: HTML document to show the attributes of horizontal ruler tag.

ANSWER 6:

The <hr> tag in HTML stands for horizontal rule and is used to insert a horizontal rule or a thematic break
in an HTML page to divide or separate document sections.

HTML CODE:

<HTML>
<HEAD>
<TITLE> HORIZONTAL LINES </TITLE>
</HEAD>
<BODY>
<HR SIZE="50" COLOR="PINK">
<P> HORIZONTAL LINE WITH HEIGHT OF 50 PIXELS </P>
<HR SIZE="50" COLOR="PURPLE">
</HR>
</BODY>
</HTML>

7
LAB PRACTICAL FILE 70612501723
QUESTION 7: HTML document using nested lists to display Various Courses at
Commerce College

ANSWER 7:

A nested list or a sub list is a list within a list. The trick to marking nested lists up correctly in HTML is to recognize
that the sub list is actually a child of a list item and not of a list.

HTML CODE:

<HTML>
<HEAD>
<TITLE>DSPSR COURSE BCOM</TITLE>
</HEAD>
<BODY>
<uL>
<li><b>BCOM</b>:
<ul TYPE="SQUARE">
<li>1st Semester </li>
<ol type="I">
<li> micro economics </li>
<li> financial accounting </li>
<li> computer application </li>
<li> business communication </li>
</ol>
</li>
</ul>
<ul type="square">
<li> 2nd Semester </li>
<ol type ="I">
<li> business mathematics </li>
<li> macro economics </li>
<li> cost accounting </li>
</ol>
</li>
</ul>
<ul type="square">

8
LAB PRACTICAL FILE 70612501723
<li> 3rd Semester </li>
<ol type="I">
<li> marketing management </li>
<li> management accounting </li>
<li> business statistics </li>
</ol>
</li>
</ul>
<ul type="square">
<li> 4rth Semester </li>
<ol type="I">
<li> auditing </li>
<li> financial modeling </li>
<li> indian economy </li>
</ol>
</li>
</ul>
<ul type="square">
<li> 5th Semester </li>
<ol type="I">
<li> enterpreneurship development </li>
<li> income tax </li>
<li> information system management </li>
</ol>
</li>
</ul>
<ul type="square">
<li> 6th Semester </li>
<ol type="I">
<li> project management </li>
<li> e-commerce </li>
<li> goods and services tax </li>
</ol>
</li>

9
LAB PRACTICAL FILE 70612501723
</ul>
<li><b>BBA</b>:
<ul type="square">
<li> 1st Semester </li>
<ol type="I">
<li> business economics </li>
<li> financial accounting </li>
<li> business mathematics </li>
<li> computer fundamentals </li>
</ol>
</li>
</ul>
<ul type="square">
<li> 2nd Semester </li>
<ol type="I">
<li> business organisation </li>
<li> business economics </li>
<li> cost accounting </li>
</ol>
</li>
</ul>
<ul type="square">
<li> 3rd Semester </li>
<ol type="I">
<li> marketing management </li>
<li> management accounting </li>
<li> indian economy </li>
</ol>
</li>
</ul>
<ul type="sqaure">
<li> 4rth Semester </li>
<ol type="I">
<li> business law </li>

10
LAB PRACTICAL FILE 70612501723
<li> taxation law </li>
<li> marketing research </li>
</ol>
</li>
</ul>
<ul type="square">
<li> 5th Semester </li>
<ol type="I">
<li> marketing management </li>
<li> financial management </li>
<li> computer application </li>
</ol>
</li>
</ul>
<ul type="square">
<li> 6th Semester </li>
<ol type="I">
<li> environmental science </li>
<li> international business management </li>
<li> project report </li>
</ol>
</li>
</ul>
</BODY>
</HTML>

11
LAB PRACTICAL FILE 70612501723

12
LAB PRACTICAL FILE 70612501723
QUESTION 8: HTML Document using Tables to display Calendar of two months.

ANSWER 8:

• The HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into
rows and columns of cells.
• The HTML tables are created using the <table> tag in which the <tr> tag is used to create table rows and
<td> tag is used to create data cells .The elements under <td> are regular and left aligned by default.

HTML CODE:

<HTML>
<HEAD>
<TITLE> CALENDER </TITLE>
</HEAD>
<BODY>
<TABLE BORDER="2" WIDTH="1400">
<P ALIGN="CENTER"><B>NOVEMBER 2021</B></P>
<TR BGCOLOR="LIGHTRED">
<TH> MONDAY </TH>
<TH> TUESDAY </TH>
<TH> WEDNESDAY </TH>
<TH> THRUSDAY </TH>
<TH> FRIDAY </TH>
<TH> SATURDAY </TH>
<TH> SUNDAY </TH>
</TR>
<TR>
<TD> 1 </TD>
<TD> 2 </TD>
<TD> 3 </TD>
<TD> 4 </TD>
<TD> 5 </TD>
<TD> 6 </TD>
<TD BGCOLOR="LIGHTBLUE">7</TD>
</TR>
<TR>
<TD> 8 </TD>
13
LAB PRACTICAL FILE 70612501723
<TD> 9 </TD>
<TD> 10 </TD>
<TD> 11 </TD>
<TD> 12 </TD>
<TD> 13 </TD>
<TD BGCOLOR="LIGHTBLUE">14</TD>
</TR>
<TR>
<TD> 15 </TD>
<TD> 16 </TD>
<TD> 17 </TD>
<TD> 18 </TD>
<TD> 19 </TD>
<TD> 20 </TD>
<TD BGCOLOR="LIGHTBLUE">21</TD>
</TR>
<TR>
<TD> 22 </TD>
<TD> 23 </TD>
<TD> 24 </TD>
<TD> 25 </TD>
<TD> 26 </TD>
<TD> 27 </TD>
<TD BGCOLOR="LIGHTBLUE">28</TD>
</TR>
<TR>
<TD> 29 </TD>
<TD> 30 </TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD BGCOLOR="LIGHTBLUE"></TD>
</TR>

14
LAB PRACTICAL FILE 70612501723
<TABLE BORDER="2" WIDTH="1400">
<P ALIGN="CENTER"><B>JULY 2021 </B></P>
<TR BGCOLOR="LIGHTRED">
<TH> MONDAY </TH>
<TH> TUESDAY </TH>
<TH> WEDNESDAY </TH>
<TH> THRUSDAY </TH>
<TH> FRIDAY </TH>
<TH> SATURDAY </TH>
<TH> SUNDAY </TH>
</TR>
<TR>
<TD> 1 </TD>
<TD> 2 </TD>
<TD> 3 </TD>
<TD> 4 </TD>
<TD BGCOLOR="LIGHTYELLOW">5</TD>
</TR>
<TR>
<TD> 6 </TD>
<TD> 7 </TD>
<TD> 8 </TD>
<TD> 9 </TD>
<TD> 10 </TD>
<TD> 11 </TD>
<TD BGCOLOR="LIGHTYELLOW">12</TD>
</TR>
<TR>
<TD> 13 </TD>
<TD> 14 </TD>
<TD> 15 </TD>
<TD> 16 </TD>
<TD> 17 </TD>
<TD> 18 </TD>

15
LAB PRACTICAL FILE 70612501723
<TD BGCOLOR="LIGHTYELLOW">19</TD>
</TR>
<TR>
<TD> 20 </TD>
<TD> 21 </TD>
<TD> 22 </TD>
<TD> 23 </TD>
<TD> 24 </TD>
<TD> 25 </TD>
<TD BGCOLOR="LIGHTYELLOW">26</TD>
</TR>
<TR>
<TD> 27 </TD>
<TD> 28 </TD>
<TD> 29 </TD>
<TD> 30 </TD>
<TD> 31 </TD>
<TD></TD>
<TD BGCOLOR="LIGHTYELLOW"></TD>
</TR>
</BODY>
</HTML>

16
LAB PRACTICAL FILE 70612501723

17
LAB PRACTICAL FILE 70612501723

QUESTION 9: HTML document to show image tag with its attributes.

ANSWER 9:

Images are very important to beautify as well as to depict many complex concepts in simple way on your web page.
This lab session will take you through simple steps to use images in your web pages.

You can insert any image in your web page by using <img> tag. Following is the simple syntax to use this tag.

HTML CODE:
<html>
<head>
<title>Image Tag Example</title>
</head>
<body>
<h1>Image Tag Example</h1>
<img src="https://www.example.com/image.jpg" alt="Example Image" width="500" height="300">
<p>This is an example of the <code>img</code> tag with its attributes:</p>
<ul>
<li><code>src</code>: specifies the URL of the image.</li>
<li><code>alt</code>: provides a text description of the image for screen readers and other accessibility
purposes.</li>
<li><code>width</code>: specifies the width of the image in pixels.</li>
<li><code>height</code>: specifies the height of the image in pixels.</li>
</ul>
</body>
</html>

18
LAB PRACTICAL FILE 70612501723

19
LAB PRACTICAL FILE 70612501723
<HTML>
<HEAD>
<TITLE> IMAGE TAG EXAMPLE </TITLE>
</HEAD>
<BODY>
<H1> IMAGE TAG EXAMPLE </H1>
<img src="C:\Users\Tanishka\Desktop\WhatsApp Image 2022-10-16 at 2.44.58 PM.jpeg"alt="Example image"
width="600" height="400">
</BODY>
</HTML>

20
LAB PRACTICAL FILE 70612501723
QUESTION 10: HTML document to show hyperlink to a particular file and open in
another window.

ANSWER 10:

A webpage can contain various links that take you directly to other pages and even specific parts of a given page. These
links are known as hyperlinks.

Hyperlinks allow visitors to navigate between Web sites by clicking on words, phrases, and images. Thus you can create
hyperlinks using text or images available on a webpage.

HTML CODE:
<HTML>
<HEAD>
<TITLE> HYPERLINK </TITLE>
</HEAD>
<BODY>
<P>
<A HREF="C:\Users\hp\Desktop\Kanha-Ji-Wallpaper.jpg">
CLICK HERE TO VIEW COLOR AND MARQUEE TAG
<A>
</P>
</BODY>
</HTML>

OUTPUT:

21
LAB PRACTICAL FILE 70612501723

22
LAB PRACTICAL FILE 70612501723
QUESTION 11: HTML document to show HOTSPOT of an image using target
attribute in same and another window

ANSWER 11:

Images are very important to beautify as well as to depict many complex concepts in simple way on your web page.

Images in HTML can also work as a Hyperlink. It means you can add an image with a link attached to it. When the
user clicks on the image, he gets redirected to the attached link. You can set image width and height based on your
requirement using width and height attributes. You can specify width and height of the image in terms of either
pixels or percentage of its actual size.

HTML CODE:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> HOTSPOT EXAMPLE </TITLE>
</HEAD>
<BODY>
<H1> HOTSPOT EXAMPLE </H1>
<P> CLICK ON THE IMG TO WATCH IT CLOSER:</P>
<img src="WhatsApp Image 2022-10-16 at 2.44.58 PM.jpeg" width="300" height="225" alt="PROJECT"
usemap="#PROJECT">
<map name="PROJECT">
<area shape="rect" coords="0,0,82,126" alt="PROJECT" href="WhatsApp Image 2022-10-16 at 2.44.58 PM.jpeg"
target="_blank">
<area shape="circle" coords="90,53,3" href="WhatsApp Image 2022-10-16 at 2.44.58 PM.jpeg">
<area shape="circle" coords="124,58,8" href="WhatsApp Image 2022-10-16 at 2.44.58 PM.jpeg">
</MAP>
</BODY>
</HTML>

23
LAB PRACTICAL FILE 70612501723

24
LAB PRACTICAL FILE 70612501723
QUESTION 12: HTML document to create an Example for using frames.

ANSWER 12:

In this example, we have a frameset defined with two columns (cols="30%, 70%"). Within the tag, we have two tags
representing the left and right frames. Each frame has a src attribute specifying the HTML file to load into the frame,
and a name attribute to provide a name for the frame.

HTML Code:

<html>

<head>

<title>Frames Sample Example</title>

</head>

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

<frame src="left.html" name="leftFrame">

<frame src="right.html" name="rightFrame">

</frameset>

<noframes>

<body>

<p>This page uses frames. Your browser doesn't support them.</p>

</body>

</noframes>

</html>

You would need to create separate HTML files for the left frame (left.html) and right frame (right.html) and define

their content accordingly. For example, in left.html, you might have:

HTML Code:

<html>

<head>

<title>Left Frame Example</title>

</head>

<body>

<h1>This is the left frame</h1>

<p>Some content goes here.</p>

</body>

</html>
25
LAB PRACTICAL FILE 70612501723

And in right.html, you could have:

HTML Code:

<html>

<head>

<title>Right Frame Example</title>

</head>

<body>

<h1>This is the right frame</h1>

<p>Some other content goes here.</p>

</body>

</html>

26
LAB PRACTICAL FILE 70612501723

When you load the main HTML file in a browser that supports frames, it will display the left frame on the left side (30%
width) and the right frame on the right side (70% width).

27
LAB PRACTICAL FILE 70612501723
QUESTION 13: HTML document to embed audio and video elements.

ANSWER 13:

Sometimes you need to add music or video into your web page. The easiest way to add video or sound to your web
site is to include the special HTML tag called <embed>. This tag causes the browser itself to include controls for the
multimedia automatically provided browser supports <embed> tag and given media type.

You can also include a tag for the browsers which don't recognize the tag. You could, for example, use to <noembed>
display a movie of your choice, and to display a single JPG image if browser does not support <embed> tag.

HTML CODE:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> AUDIO AND VIDEO EXAMPLE </TITLE>
</HEAD>
<BODY>
<H1> AUDIO AND VIDEO EXAMPLE </H1>
<!-- AUDIO ELEMENT -->
<AUDIO CONTROLS>
<SOURCE SRC="C:\Users\hp\Desktop\q14'\Jhaanjar_Full_Audio.mp3" type="audio/mp3">
</AUDIO>
<!-- VIDEO ELEMENT -->
<VIDEO CONTROLS WIDTH="640" HEIGHT="360">
<SOURCE SRC="C:\Users\hp\Desktop\q14'\Jhaanjar_Full_Video.mp4" type="video/mp4">
</VIDEO>
</BODY>
</HTML>

28
LAB PRACTICAL FILE 70612501723

29
LAB PRACTICAL FILE 70612501723
QUESTION 14: HTML document to create a form. Example: Admission form.

ANSWER 14:

HTML Forms are required, when you want to collect some data from the site visitor. For example, during user
registration you would like to collect information such as name, email address, credit card, etc.

A form will take input from the site visitor and then will post it to a back-end application such as CGI, ASP Script or
PHP script etc.

The back-end application will perform required processing on the passed data based on defined business logic inside
the application.

HTML CODE:
<html>
<head>
<title>Student Registration Form</title>

</head>

<body>
<h3>STUDENT REGISTRATION FORM</h3>

<table align="center" cellpadding = "10">

<! First Name >


<tr>
<td>FIRST NAME</td>
<td><input type="text" name="First_Name" maxlength="30"/>
(max 30 characters a-z and A-Z)
</td>
</tr>

<! Last Name >


<tr>
<td>LAST NAME</td>
<td><input type="text" name="Last_Name" maxlength="30"/>
(max 30 characters a-z and A-Z)

30
LAB PRACTICAL FILE 70612501723
</td>
</tr>

<! Date Of Birth >


<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>

31
LAB PRACTICAL FILE 70612501723
<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>

32
LAB PRACTICAL FILE 70612501723
<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>

33
LAB PRACTICAL FILE 70612501723
</td>
</tr>

<! Email Id >


<tr>
<td>EMAIL ID</td>
<td><input type="text" name="Email_Id" maxlength="100" /></td>
</tr>

<! Mobile Number >


<tr>
<td>MOBILE NUMBER</td>
<td>
<input type="text" name="Mobile_Number" maxlength="10" />
(10 digit number)
</td>
</tr>

<! Gender >


<tr>
<td>GENDER</td>
<td>
Male <input type="radio" name="Gender" value="Male" />
Female <input type="radio" name="Gender" value="Female"
/>
</td>
</tr>

<! Address >


<tr>
<td>ADDRESS <br /><br /><br /></td>
<td><textarea name="Address" rows="4" cols="30"></textarea></td>
</tr>

34
LAB PRACTICAL FILE 70612501723
<! City >

35
LAB PRACTICAL FILE 70612501723
<tr>
<td>CITY</td>
<td><input type="text" name="City" maxlength="30"
/> (max 30 characters a-z and A-Z)
</td>
</tr>

<! Pin Code >


<tr>
<td>PIN CODE</td>
<td><input type="text" name="Pin_Code" maxlength="6"
/> (6 digit number)
</td>
</tr>

<! State >


<tr>
<td>STATE</td>
<td><input type="text" name="State" maxlength="30"
/> (max 30 characters a-z and A-Z)
</td>
</tr>

<! Country >


<tr>
<td>COUNTRY</td>
<td><input type="text" name="Country" value="India" readonly="readonly" /></td>
</tr>

<! Hobbies >

<tr>
<td>HOBBIES <br /><br /><br /></td>

36
LAB PRACTICAL FILE 70612501723
<td>
Drawing
<input type="checkbox" name="Hobby_Drawing" value="Drawing"
/> Singing
<input type="checkbox" name="Hobby_Singing" value="Singing"
/> Dancing
<input type="checkbox" name="Hobby_Dancing" value="Dancing"
/> Sketching
<input type="checkbox" name="Hobby_Cooking" value="Cooking" />
<br />
Others
<input type="checkbox" name="Hobby_Other" value="Other">
<input type="text" name="Other_Hobby" maxlength="30" />
</td>
</tr>

<! Qualification >


<tr>
<td>QUALIFICATION <br /><br /><br /><br /><br /><br /><br /></td>

<td>
<table>

<tr>
<td align="center"><b>Sl.No.</b></td>
<td align="center"><b>Examination</b></td>
<td align="center"><b>Board</b></td>
<td align="center"><b>Percentage</b></td>
<td align="center"><b>Year of Passing</b></td>
</tr>

<tr>
<td>1</td>
<td>Class X</td>

37
LAB PRACTICAL FILE 70612501723
<td><input type="text" name="ClassX_Board" maxlength="30" /></td>
<td><input type="text" name="ClassX_Percentage" maxlength="30" /></td>
<td><input type="text" name="ClassX_YrOfPassing" maxlength="30" /></td>
</tr>

<tr>
<td>2</td>
<td>Class XII</td>
<td><input type="text" name="ClassXII_Board" maxlength="30" /></td>
<td><input type="text" name="ClassXII_Percentage" maxlength="30" /></td>
<td><input type="text" name="ClassXII_YrOfPassing" maxlength="30" /></td>
</tr>

<tr>
<td>3</td>
<td>Graduation</td>
<td><input type="text" name="Graduation_Board" maxlength="30" /></td>
<td><input type="text" name="Graduation_Percentage" maxlength="30" /></td>
<td><input type="text" name="Graduation_YrOfPassing" maxlength="30" /></td>
</tr>

<tr>
<td>4</td>
<td>Masters</td>
<td><input type="text" name="Masters_Board" maxlength="30" /></td>
<td><input type="text" name="Masters_Percentage" maxlength="30" /></td>
<td><input type="text" name="Masters_YrOfPassing" maxlength="30" /></td>
</tr>

<tr>
<td></td>
<td></td>
<td align="center">(10 char max)</td>
<td align="center">(upto 2 decimal)</td>

38
LAB PRACTICAL FILE 70612501723
</tr>
</table>

</td>
</tr>

<! Course >


<tr>
<td>COURSES<br />APPLIED FOR</td>
<td>
BCA
<input type="radio" name="Course_BCA"
value="BCA"> B.Com
<input type="radio" name="Course_BCom"
value="B.Com"> B.Sc
<input type="radio" name="Course_BSc" value="B.Sc">
B.A
<input type="radio" name="Course_BA" value="B.A">
</td>
</tr>

<! Submit and Reset >


<tr>
<td colspan="2" align="center">
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</td>
</tr>
</table>

</form>

</body>
</html>

39
LAB PRACTICAL FILE 70612501723

40

You might also like