0% found this document useful (0 votes)
36 views42 pages

Ecommerce Practical Record V Sem

The document contains a series of HTML programs showcasing various web development concepts, including forms, tables, lists, images, hyperlinks, and marquee effects. Each program demonstrates different HTML elements and attributes, such as input fields for user data, displaying images, and creating structured layouts with frames. The document serves as an educational resource for understanding basic HTML coding practices.

Uploaded by

ubshnani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
36 views42 pages

Ecommerce Practical Record V Sem

The document contains a series of HTML programs showcasing various web development concepts, including forms, tables, lists, images, hyperlinks, and marquee effects. Each program demonstrates different HTML elements and attributes, such as input fields for user data, displaying images, and creating structured layouts with frames. The document serves as an educational resource for understanding basic HTML coding practices.

Uploaded by

ubshnani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 42

Program 1

<html>
<head>
<title></title>
</head>
<body >
<h1 align=center> Text Box Control</h1>
<FORM>
<b>Name: <b><INPUT TYPE="Text">
<P>
<b>Address :<b><INPUT TYPE="Text">
<p>
<INPUT TYPE="Submit" Value="Submit">
</FORM>
</body>
</html>

NEELIMA 1
Program 2

<HTML>
<HEAD>
<TITLE>Avanthi Degree College TIME TABLE.</TITLE>
</HEAD>
<BODY>
<h1 align=center>BCOM TIME TABLE</h1>
<p>
<center>
<Table border=4 Width=1000>

<TR Width=100 bgcolor=white align=left cellpadding=5 cellspacing=5 size=5>


<TH>&nbsp;</TH>
<Th>1st Hour</TH>
<TH>2nd Hour</TH>
<th>3rd Hour</Th>
<TH Rowspan=7>B<BR>R<BR>E<BR>A<BR>K</TH>
<TH>4th Hour</TH>
<TH>5th Hour</TH>
<TH>6th Hour</TH>
</TR>

<TR Width=100 height = 40 align=center cellpadding=5 cellspacing=5 size=5>


<TD>Monday</TD>
<TD>E-comm</TD>
<TD>RDBMS</TD>
<TD>BLAW</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>

NEELIMA 2
<TR Width=100 height = 40 align=center cellpadding=5 cellspacing=5 size=5>
<TD>Tuesday</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
<TR Width=100 height = 40 align=center cellpadding=5 cellspacing=5 size=5>
<TD>Wednesday</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>

<TR Width=100 height = 40 align=center cellpadding=5 cellspacing=5 size=5>


<TD>Thursday</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>

<TR Width=100 height = 40 align=center cellpadding=5 cellspacing=5 size=5>


<TD>Friday</TD>
<TD>&nbsp;</TD>

NEELIMA 3
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
<TR Width=100 height = 40 align=center cellpadding=5 cellspacing=5 size=5>
<TD>Saturday</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
</TABLE></center>
</BODY>
</HTML>

NEELIMA 4
Program 3

<html>
<head>
<title>program no 3</title>
</head>
<body >
<h1 align=center> Place order </h1>
<FORM>
<b>Name: <b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<INPUT TYPE="Text">
<P>
<b>Address :<b>&nbsp;&nbsp; <INPUT TYPE="Text">
<p>
<b>State :</b>&nbsp; <INPUT TYPE="Text">
<p>
<b>City :</b>&nbsp; <INPUT TYPE="Text">
<p>
<b>pincode :</b>&nbsp; <INPUT TYPE="Text">
<p>
&nbsp;&nbsp;&nbsp;&nbsp;<INPUT TYPE="Submit" Value="place your order">
</FORM>
</body>
</html>

NEELIMA 5
Program 4

<HTML>
<TITLE> Internal style sheet</TITLE>
<STYLE>
H1 { color: green }
</STYLE>
<BODY>
<H1 align=center><u>Program no 4</u></H1>
<H1 align=center>My fruits</H1>
<font size="3" color="red">Fruits support me to be healthy. My favourite fruits
are:</font>
<UL>
<LI>Grapes
<LI>Mangoes
<LI>Oranges
</UL>
</BODY>
</HTML>

NEELIMA 6
Program 5

<HTML>
<head>
<TITLE> program no 5</TITLE>
</head>
<BODY>
<H1 align=center><u>Ordered Lists</u></H1>
<H1 align=center>AVANTHI DEGREE COLLEGE </H1>
<Br>
<H2 align= center >List of Courses </h2>

<OL>
<LI>BSC
<LI>BCOM
<LI>BBA
<LI>LIFE SCIENCE
<LI>MBA
<LI>MCA
</OL>
</BODY>
</HTML>

NEELIMA 7
Program 6

<HTML>
<head>
<TITLE> program no 6</TITLE>
</head>
<BODY>
<H1 align=center><u>Insert Image</u></H1><BR>
<CENTER><TABLE BORDER="5" WIDTH="25%"
CELLPADDING="4" CELLSPACING="3">
<TR>
<TH COLSPAN="2"><BR><H3>IMAGE DISPLAY</H3>
</TH>
</TR>
<TR ALIGN="CENTER">
<TD><img src=FLOWER.JPG HEIGHT = 100 WIDTH=100></TD>
<TD><img src=FLOWER.JPG HEIGHT = 100 WIDTH=100></TD>
</TR>
<TR ALIGN="CENTER">
<TD><img src=FLOWER.JPG HEIGHT = 100 WIDTH=100></TD>
<TD><img src=FLOWER.JPG HEIGHT = 100 WIDTH=100></TD>
</TR>
</TABLE></CENTER>
</BODY></HTML>

NEELIMA 8
Program 7

<html>
<body>
<h1 align=center><u> HyperLink</u></h1>
<h2>HTML Links</h2>
<p><a href="https://www.AMAZON.com/">Visit Amazon website </a></p>

</body>
</html>

NEELIMA 9
Program 8

<html>
<body>
<h1 align=center><u> Marquee Effects</u></h1>
<h2 align=center>Marquee Effects</h2>
<marquee direction="left"> This marquee will scroll left </marquee><br>
<marquee direction="right"> This marquee will scroll right </marquee><br>
<marquee direction="up" height="200"> This marquee will scroll upwards
</marquee><br>
<marquee direction="down" height="200"> This marquee will scroll downwards
</marquee><br>
<marquee behavior="scroll"> This is scroll behavior of a marquee
</marquee><br>
<marquee behavior="alternate">This is alternate behavior of a marquee
</marquee><br>
<marquee scrollamount="10"> This is a marquee with scrollamount 10
</marquee><br>
<marquee scrollamount="100"> This is a marquee with scrollamount 100
</marquee><br>
<marquee scrolldelay="10">This is a marquee with scrolldelay 10</marquee><br>
<marquee scrolldelay="50">This is a marquee with scrolldelay 50</marquee><br>
<marquee scrolldelay="300">This is a marquee with scrolldelay 300</marquee><br>
<marquee scrolldelay="500">This is a marquee with scrolldelay 500</marquee><br>
<marquee onmouseover="stop()" onmouseout="start()">This marquee will stop on
mouseover and restart on mouseout.</marquee>

</body>
</html>

NEELIMA 10
Program 9

<HTML>
<TITLE> program no 9</TITLE>
<BODY>
<H1 align=center><u>Description of Image</u></H1> <BR>
<CENTER> <TABLE BORDER="5" WIDTH="25%"
CELLPADDING="4" CELLSPACING="3">
<TR>
<TH COLSPAN="2"><BR><H3>FLOWER</H3>
</TH>
</TR>
<TR ALIGN="CENTER">
<TD><img src=FLOWER.JPG HEIGHT = 100 WIDTH=100></TD>
<TD> <B>A beautiful flower Garden</B> </td>
</TR>
</TABLE> </CENTER>
</BODY>
</HTML>

NEELIMA 11
Program 10

<html>
<head>
<title>program no 10</title>
</head>
<body>
<h1 align=center><u> subscript and superscript</u></h1>
<p>This is a mathematical formula: (a+b)<sup>2</sup>=
a<sup>2</sup>+2ab+b<sup>2</sup> </p>
<p>This is a chemical formula: H <sub>2</sub>SO<sub>4</sub> </p>

</body>
</html>

NEELIMA 12
Program 12

<html>
<head>
<title> homepage </title>
</head>
<body>
<h1 align="center'> HomePage of Avanthi</h1>
<img src=Logo.jpg height=100 width=100><font size=8> AVANTHI DEGREE AND
PG COLLEGE</font><br>
<hr>
<h2 align="center"> Address: <br> Avanthi Degree & PG College<br>bus depot
lane,<br>barkatpura,<br>Hyderabad</h2><br><hr>
<h2 align="center">Contact Details :<Br>Phone No:
o4066414455<br>Email:[email protected]</h2>
</body>
</html>

NEELIMA 13
Program 13

<html>
<head>
<title>lists</title>
</head>
<body>
<h1 align=center> Ecommerce Applications</h1>
<dl>
<dt><b>Retail and wholesale:</b></dt>
<dd>E-commerce has a number of applications in retail and wholesale.</dd>
<dt><b>Marketing:</b></dt>
<dd>Data collection about customer behavior, preferences, needs and buying patterns
is possible through Web and E-commerce.</dd>
<dt><b>Finance:</b></dt>
<dd>Financial companies are using E-commerce to a large extent.</dd>
</dl>
</body>
<html>

NEELIMA 14
Program 14

currentsemester.
<html>
<head>
<title>list</title>
</head>
<body>
<h1>Ordered Lists </h1>
<Ul>
<li> Mang A/C
<li> CLaw
<li>GST
<li>ECommerce
<li>RDBMS
<li>MIS
<li>SIE
</ol>
</body>
</html>

NEELIMA 15
Program 15

<html>
<head>
<title> image </title>
</head>
<body>
<h1 align="align"> scrolling image</h1>
<marquee><img src="LOGO.jpg" height=200 width=200></marquee>
</body>
</html>

NEELIMA 16
Program 16

<html>
<head>
<title>
button
</title>
</head>
<body>
<h1 align=center>linking to college website</h1>
<form >
<center><a href="http://www.avanthicollege.ac.in"><input type="button"
name="button" value="open college site"></a></center>
</form>
</body>
</html>

NEELIMA 17
Program 17

<html>
<head>
<title>COURSES</title>
</head>
<body>
<h1 align=center>Courses In The College</h1>
<hr color="red"> BSC
<hr color="GREEN" SIZE=5> BCOM
<hr color="#4000FF" SIZE=10> BBA
<hr color="#610B4B" SIZE=15> MBA
</body>
</html>

NEELIMA 18
Program 18

<html>
<frameset rows="30%,40%,30%">

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


<frame name="f2" src="frame2.html">
<frame name="f3" src="frame3.html">

</frameset>

</html>

Each frames contains following code respectively.(written in separate notepad for each
frame)
frame1.html
<html>
<body bgcolor="pink">
<h1>Frame1</h1>
</body> frame2.html
</html>

<html>
<body bgcolor="lightgreen">
<h1>Frame2</h1> frame3.html
</body>
</html>

<html>
<body bgcolor="lightblue">
<h1>Frame3</h1>
</body>
</html>

NEELIMA 19
Program 19

<html>
<frameset cols="25%,25%,25%,25%">
<frame name="f1" src="frame1.html">
<frame name="f2" src="frame2.html">
<frame name="f3" src="frame3.html">
<frame name="f4" src="frame4.html">
</frameset>
</html>
Each frames contains following code respectively.(written in separate notepad for each
frame)
<html> Frame1.html
<body bgcolor="pink">
<h1>Frame1</h1>
</body>
</html> Frame2.html

<html>
<body bgcolor="lightgreen">
<h1>Frame2</h1>
</body> Frame3.html
</html>

<html>
<body bgcolor="lightblue">
<h1>Frame3</h1> Frame4.html
</body>
</html>

<html>
<body bgcolor="orange">
<h1>Frame4</h1>
</body>
</html>

NEELIMA 20
Program 20

<HTML>
<HEAD>
<TITLE>FORMS</TITLE>
</HEAD>
<BODY bgcolor=white>
<H1 align=center>Display Button And The Text Box</H1>
<form name=f1>
<input type=text name=t1 color=#00FF00>
<input type=submit name=b1>
</form>
</BODY>
</HTML>

NEELIMA 21
Program 21

<html>
<head>
<title>Table</title>
</head>
<body>
<h1>Table</h1>
<table border=2 height=100 width=200>
<tr bgcolor=red>
<td><b>Neelima </b></td>
<td><b>Haridran</b></td>
</tr>
<tr bgcolor=green>
<td><b>Ramesh</b></td>
<td><b>Mahesh</b></td>
</tr>
</table>
</body>
</html>

NEELIMA 22
Program 23

<html>
<head>
<title>payment</title>
</head>
<body>
<h1 align=center>Mode of Payment</h1>
<form name = f1>
<input type=radio name = r1><font size=5 >Credit card</font><br>
<input type =radio name= r1><font size=5 >Debit card</font><br>
<input type=radio name=r1><font size=5 >Online transfer</font><br>
</form>
</body>
</html>

NEELIMA 23
Program 24

<html>
<head>
<title>details</title>
</head>
<body>
<H1 align=center>ENTER CARD DETAILS </H1>
<h3> <label >SELECT CARD:</label></h3>
<select id="card">
<option selected disabled>--Select Card--</option>
<option>Debit Card</option>
<option>Credit Card</option>
</select><br><br>
<label>Card holder's Name: </label> <input type = text name=t1><br><br>
<label>Card Number: </label> <input type = text name=t1><br><br>
<label>Card CVV: </label> <input type = text name=t1><br><br>
<label>Expiry Date: </label>
<select id="date">
<option selected disabled>--Month--</option>
<option>JAN</option>
<option>FEB</option>
<option>MARCH</option>
</select><select id="date">
<option selected disabled>--Year--</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
</select><br><br>
<input type=submit value=PAY>
</form></body></html>

NEELIMA 24
Program 25

<html>
<head>
<title>purchase order </title>
</head>
<body>
<h1 align=center>Purchase Order</h1>
<font size=5><center><form>
<b><label> Name: </label><input type=text name = t1><br><br>
<label> Address: </label><input type=text name = t2><br><br>
<label> State : </label><input type=text name = t3><br><br>
<label> City : </label><input type=text name = t4><br><br>
<label> Pincode : </label><input type=text name = t5><br><br>
<label>Magagine:</label>
<select name=s1 value=computer today>
<option>Computer today</option>
<option>India today</option>
<option>world circle</option>
<option>The Week</option>
</select><br><br>
<label> subscription:</label><input type = radio name=r1> 1 year <input type = radio
name=r1 selected>2 years<br><br>
<input type=submit value = Placeyourorder name = t3></b>
</form></center></font>
</body></html>

NEELIMA 25
Program no 26
26. Create a web page to display a hyperlink which when clicked
displays excel sheet containing student details.

Steps :

<html>
<head>
<title>hyperlink</title>
</head>
<body>
<h3>Program to show working of hyperlink</h3>
<p> Click below link for student details</p>
<a href=”student details.xls”>Student Details</a>
</body>
</html>

NEELIMA 26
Program no : 27

27. Create a web page to display definition list which defines the
term: B2B, B2C, C2B, C2C.

<html>
<body>
<dl>
<dt>B2B</dt>
<dd>Business-to-Business (B2B) e-commerce encompasses all
electronic transactions of goods or services conducted between
companies. </dd>

<dt>B2C</dt>
<dd>Business-to-Customer (B2C) business model sells its products
directly to a customer. </dd>

<dt>C2B</dt>
<dd>Customer-to-Business (C2B) consumer approaches website
showing multiple business organizations for a particular service. </dd>

<dt>C2C</dt>
<dd>Customer-to-Customer (C2C) e-commerce encompasses all
electronic transactions of goods or services conducted between
consumers </dd>
</dl>

</body>
</html>

NEELIMA 27
Program no : 28
28. Create a web page with paragraph left, right, and center aligned
to explain about various social networking sites. The paragraphs
should be on different colors and send separated by Horizontal
lines of varying sizes.

<html>
<head>
<title>Paragraph alignments</title>
</head>
<body >
<h1>Various Social Network</h1>
<p align="left"><b>FACEBOOK</b><br>
This is the biggest social media network on the Internet. Founded on
February 4, 2004. </p>

<hr>

<p align="right"><b>TWITTER</b><br>
Twitter was founded on March 21, 2006, and has its headquarters in
San Francisco, California.</p>

<hr>

<p align="center"><b>YOUTUBE</b><br>
YouTube — the largest and most popular video-based social media
website — was founded on February 14, 2005, by three former PayPal
employees</p>
</body>
</html>

NEELIMA 28
Program no 29

29. Create a web page which displays four buttons Containing text
B2B,B2C,C2B,C2C. Also when a button is clicked details about the
clicked subject should appear on a separate page.

Steps :

<html>
<body>
<center>
<form>
<h2> E-commerce Classifications</h2>

<b>Business-to-business:</b><button type="submit" formaction


="https://en.wikipedia.org/wiki/Business-to-business
">B2B</button><br><br>

<b>Business-to-Customer:</b><button type="submit"
formaction="http://en.ecommercewiki.info/glossary/b/b2c">B2C</button>
<br><br>

<b>Customer-to-business:</b><button type="submit"
formaction="https://en.wikipedia.org/wiki/Consumer-to-
business">C2B</button><br><br>

<b>Customer-to-Customer:</b><button type="submit"
formaction="https://en.wikipedia.org/wiki/Customer_to_customer
">C2C</button>

</form>
</center>
</body>
</html>

NEELIMA 29
Program no : 31

31.Create a web page to scroll the text “E-Commerce” for


exactly 5 times from left to right of the screen

<html>
<head>
<title>marquee</title>
</head>
<body bgcolor="pink">
<marquee bgcolor="#000080" direction="right" style="color: #FFFFFF;
font-family: Book Antiqua; font-size:32px" behavior="scroll"
scrollamount="10" loop="5">E-COMMERCE</marquee>
</body>
</html>

NEELIMA 30
Program no 32

32. Create a web page to insert an image which when clicked


redirects you to your college website.

<html>
<body bgcolor="cream">
<h2>Image as a Link</h2>
<p>The image is a link. You can click on it.</p>
<a href="http://www.avanthicollege.ac.in/">
<img src="smiley.gif" alt="google search"
style="width:250px;height:250px;border:20s;">
</a>
</body>
</html>

NEELIMA 31
Program no : 34

34. Create a web page to demonstrate a pull-down menu. The menu should
contain the list of your favorite south Indian dishes.

<html>
<head>
<title>formDemo.html</title>
</head>
<body>
<h1>Form Demo</h1>
<form>
<fieldset>
<legend>Selecting elements</legend>
<p>
<label>Select list</label>
<select id = "myList">
<option value = "1">Idly Samber</option>
<option value = "2"></option>
<option value = "3">three</option>
<option value = "4">four</option>
</select>
</p>
</fieldset>
</form>
</body>
</html>

NEELIMA 32
Program no : 35
35. Create a web page with name of your college as text. The text
should scroll, alternate and slide.

Steps :

<html>
<head>
<title>marquee</title>
</head>
<body bgcolor="orange">
<marquee bgcolor="#000080" style="color: #FFFFFF; font-family:
Book Antiqua; font-size:32px" behavior="alternate" scrollamount="5"
loop="4">AVANTHI DEGREE & PG COLLEGE</marquee>
</body>
</html>

NEELIMA 33
Program no : 36
36. create a web page to displays an image surrounded by text on
all the four sides.

<html>
<body >
<p><b>In this example, the image will float to the right in the paragraph,
and the text in the paragraph will wrap around the image. </b></p>
<p>One of the first things you may want to do is place an image on the page.
But how do you make images and words cooperate?
You can position images on the page using the ALIGN attribute, and in this
case, you can use the Top, Middle, or Bottom values, as well. The value you
choose also will determine how the adjoining text flows around the image if
the graphic is included in a block element, such as a paragraph or in a
headline, such as H1. The default value is Bottom if no ALIGN value is set.
Code, such as the HTML elements and text we present in the following
example,
<img src="smiley.gif" alt="smiley" style="width:100px;
height:100px;vertical-align:middle">
will cause the text within the block to display at the top of the image:The first
line of this text will be positioned at the top of the image. The rest will start
below the image, creating a large white space. Fortunately, there is a better
way to handle this that more closely resembles what you could do with a
desktop publishing program. The text flow problem in the previous
paragraph isn’t as evident when you use the Right or Left value, though.
Thus, the following code will position the image to the right, with the text
flowing neatly on the left side:
</p>
</body>
</html>

NEELIMA 34
OUTPUT 36:

Program no : 39

Steps :

<html>
<body>
<h1>Insertion of trademarks and copyright </h1>
<h6><font color="blue" face="verdana">AVANTHI DEGREE & PG
COLLEGE &copy;&trade;</font></h6>

</body>
</html>

NEELIMA 35
Program no : 40

steps :

<html>
<head>
<style>
form {
margin-top: 5em;
}
</style>
</head>
<body bgcolor="Pink">
<center>
<form>

User name: <input type="text" name="userName"><br><br>


Password: <input type="Password" name="password"><br><br>
<input type="submit" value="Submit">

</form>
<center>
</body>
</html>

NEELIMA 36
Program no : 42

Steps :

<html>
<body>
<h3>Student's Results Entry </h3>
<form>
<pre>
Student RollNo : <input type="number" name="rollno"><br><br>
Student Name : <input type="Text" name="Name" ><br><br>
English : <input type="number" name="eng"><br><br>
First Lang : <input type="number" name="FL"><br><br>
Accounts : <input type="number" name="ac"><br><br>
Management : <input type="number" name="mngt"><br><br>
GST : <input type="number" name="rollno"><br><br>
Ecommerce : <input type="number" name="rollno"><br><br>
</pre>
<input type="submit" value="Submit">
<input type="Reset" value="Reset">
</form>
</body>
</html>

NEELIMA 37
Program 44

Steps :

<html>
<head>
<title>universities</title>
</head>
<body>
<h1> list of Universities in Telangana</h1> Select
Universities available in Telangana State:
<select>
<option value="cen">Central Institute of Tool Design </option>
<option value="jaw">Jawaharlal Nehru Technological University</option>
<option value="osma">Osmania University</option>
<option value="audi">Telangana University</option>
<option value="audi">Palamur University</option>
</select>
</body>
</html>

NEELIMA 38
Program 45

<html>
<head>
<title>image</title>
</head>
<body>
<h1 align="center">Image</h1>
<table>
<tr>
<td><b>Welcome to my garden</b></td>
<td><img src=C:\Users\MYPC\Pictures\FLOWER.jpg height=200 width=200
border=1></td></img>
<td><b>This is a beautiful flower</b></td>
</tr>
</body>
</html>

NEELIMA 39
Program 47

Steps :

<html>
<head>
<title>HTML Table</title>
</head>
<body>
<h1 align=center > Student Registration Form
<form method="" action="">
<table border="1" align="center" width="450" bgcolor="#CCCCCC" >
<b><caption>Registration form for Examination</caption></b>
<tr>
<th>Enter your Name</th>
<td><input type="text" name="fn" id="fn1" maxlength="10" title="enter your first name"
placeholder="enter your first name" required/></td>
</tr>
<tr>
<th>Enter your Father name</th>
<td><input type="text"/></td>
</tr>
<tr>
<th>Hall Ticket No</th>
<td><input type="text"/></td>
</tr>
<tr>
<th>Enter your email</th>
<td><input type="email"/></td>
</tr>
<tr>
<th>Enter your Mobile No.</th>
<td><input type="number"/></td>
</tr>
<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"/>

NEELIMA 40
</td>
</tr>
<tr>
<th>Select your course</th>
<td>
Bcom<input type="checkbox" name="x[]" value="h"/> Bsc<input
type="checkbox" name="x[]" value="h2"/>
Bsc.Life Sci.<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 state</th>
<td>
<select name="State">
<option value="" selected="selected" disabled="disabled">Select your State</option>
<option value="1">Telangana</option>
<option value="2">AP</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="Register"/>
<input type="reset" value="Reset Data"/>
</td>
</tr>
</table>
</form>
</body>
</html>

NEELIMA 41
Program 50

<html>
<body>
<h1 align=center> Image with attributes</h1>
<center><img src="Logo.jpg" alt="Smiley face" width="150" height="150" border=2
vspace=10 hspace=10></center>
</body>
</html>

NEELIMA 42

You might also like