lOMoARcPSD|47422648

E-Commerce Lab Record Programs

Index
1. Create a web page to display the following output: (use textboxes, submit button)
2. Create a web page to display the time table of your class using tables.

3. Create a web page which accepts user input as shown below.

4. Create a web page to modify the default properties of h1 tag using internal style sheet.

5. Create a web page to display an ordered list of courses offered in your college.

6. Create a web page to display a table with 2 rows and 2 columns. Also insert images
in the cells of the table.
7. Create a web page to display a hyperlink which when clicked directs you to
Amazon website.
8. Create a web page to demonstrate various marquee effects over a given text.
9. Create a web page to display the following output: (take your own data
into consideration)

10. Create a web page to display the following output: (a+b)2=a2+2ab+b2

H2SO4
11. Create a web page to demonstrate the usage of nested tables as shown in
the diagram below:

12. Create a web page which acts as a home page where your college name is properly
aligned with the logo of your college followed by address and contact details at the
center of the page.
13. Create a web page to demonstrate definition lists by taking various applications
of ecommerce as an example.
14. Create a web page to display a bulleted list of subjects available in the
current semester.
15. Create a web page to give scrolling effect of an image (preferably your college logo).

16. Create a web page to display a button which when clicked directs you to your
college website.
17. Create a web page to display various courses in your college. The courses should
be separated by a horizontal ruler of varying sizes and colors.
18. Create a web page to display four horizontal frames each frame containing a
different color.
19. Create a web page to display four vertical frames each frame containing a different
color.
20. Create a web page to display a button with label “search” adjacent to a text box. Also
change the color of text box and background of the web page.
21. Create a web page to display a table containing 2 rows and 2 columns which
contains the names of your friends and each cell filled with different background colors.
22. Create a web page to demonstrate the usage of rowspan and colspan for the
figure below:

23. Create a web page which asks for mode of payment which includes the options:
Credit card/Debit card/Online transfer (use radio buttons)
24. Create a web page which asks the user to enter his credit card details. Use
textboxes, drop down buttons.
25. Create a web page to generate a purchase order as shown below:

26. Create a web page to display a hyperlink which when clicked displays excel
sheet containing student details.
27. Create a web page to display definition list which defines the terms: B2B, B2C, C2B,
C2C.
28. Create a web page with paragraphs left, right and center aligned to explain
about various social networking sites. The paragraphs should be on different colors
and separated by horizontal lines of varying sizes.
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.
30. Create a web page to modify the default properties of h1 tag using external
style sheet.
31. Create a web page to scroll the text “E-Commerce” for exactly 5 times from left to
right of the screen.
32. Create a web page to insert an image which when clicked redirects you to your
college website.
33. Create a web page to display the name of your college in h6 size with blue as font
color and background color yellow separated by a thick line and below which a
paragraph about the facilities offered by your college is described.
34. Create a web page with OSMANIA UNIVERSITY as the title and five buttons labelled
Home, About Us, Courses, ,feedback, Contact us as shown in the diagram which when
clicked displays the details on a separate pages.

35. Create a web page to demonstrate a pull-down menu. The menu should contain
the list of your favourite south Indian dishes.
36. Create a web page with name of your college as text. The text should scroll,
alternate and slide.
37. Create a web page to display an image surrounded by text on all the four sides.

38. Create a web page with 4 paragraphs of about 5 lines each describing about E-
Marketing, E- Shopping, E-banking and E-Learning. The paragraphs should be aligned left,
right, center and justified respectively.
39. Create a web page with name of your college as Text in h6 size, font as verdana,
blue as font color followed by a copyright symbol and trademark symbol.
40. Create a login page asking the user to enter his username and password followed by
a submit button.
41. Create a web page to create links to the sections on the same page.

42. Create a web page using a form which collects data about students rollno, name
and marks in various subjects followed by submit and reset buttons.
43. Create a web page using a form titled as Feedback form which takes the feedback of
the various facilities offered in your college. The form should have fields student name,
rollno followed by 5 check boxes labelled Excellent, Very Good, Good, Average, Bad
respectively.
44. Create a web page to display the list of universities available in Telangana state
using a pull- down menu.
45. Create a web page to display an image surrounded by text on left and right sides.

46. Create a web page using a default theme in front page to describe about
OSMANIA UNIVERSITY.
47. Create a user registration form for an upcoming examination.(use
textboxes, pulldown menus, option boxes, submit button)
48. Create an web page to display a multilevel list taking your own example.
49. Create a table to demonstrate colspan, rowspan, cellspacing and cell
padding attributes of a table.
50. Create a webpage to insert an image using all the image attributes.

Programs:
1. Create a web page to display the following output: (use textboxes,
submit button) .
<html>
<head>
<title>Program1/Formatting Tags</title>
</head>
<body>
Name:<input type="text"><br>
Address:<input type="text"> <br>
&nbsp;&nbsp ; &nbsp;&nbsp ; <input type="submit" value="submit">
</body>
</html>
Output:

2. Create a web page to display the time table of your class using tables.
<html>
 <head>
<title>Program11/Tables</title>
</head>
<body bgcolor="yellow">
<h1 align="center" style="color:blue"><u>TABLE</u></h1>
<table cellspacing="5" cellpadding="5" align="center" border="6" width="500px"
bgcolor="pink">
<tr>
<th>Time/Day</th>
<th>9:00-9:45</th>
<th>9:45-10:30</th>
<th>10:30-11:15</th>
<th>11:15-12:00</th>
<th>12:00-12:45</th>
<th>12:45-1:00</th>
<th>1:00-1:45</th>
<th>1:45-2:30</th>
</
tr>
<tr> <td>Monday</td>
<td>Business Law</td>
<td>Banking and theory</td>
<td>Practice of Insurance</td>
<td>Excel Foundation</td>
<td>Banking and theory</td>
<td rowspan="7" style="font size:40px;">L<br>U<br>N<br>C<br>H</td>
<td>Web Technologies</td>
<td>Computer Accountancy</td>
</tr>
<tr>
<td>Tuesday</td>
<td>Business Law</td>
<td>Banking and theory</td>
<td>Practice of Insurance</td>
<td>Excel Foundation</td>
<td>Banking and theory</td>

<td>Web Technologies</td>
 <td>Computer Accountancy</td>
</
tr>
<tr> <td>Wednesday</td>
<td>Business Law</td>
<td>Banking and theory</td>
<td>Practice of Insurance</td>
<td>Excel Foundation</td>
<td>Banking and theory</td>
<td>Web Technologies</td>
<td>Computer Accountancy</td>

</
tr> <td>Monday</td>
<tr> <td>Business Law</td>
<td>Banking and theory</td>
<td>Practice of Insurance</td>
<td>Excel Foundation</td>
<td>Banking and theory</td>
<td>Web Technologies</td>
<td>Computer Accountancy</td>

</ <td>Thursday</td>
tr>
<td>Business Law</td>
<tr>
<td>Banking and theory</td>
<td>Practice of Insurance</td>
<td>Excel Foundation</td>
<td>Banking and theory</td>
<td>Web Technologies</td>
<td>Computer Accountancy</td>

<td>Friday</td>
</
<td>Business Law</td>
tr>
<td>Banking and theory</td>
<tr>
<td>Practice of Insurance</td>
<td>Excel Foundation</td>
<td>Banking and theory</td>
 <td>Web Technologies</td>
<td>Computer Accountancy</td>
</tr>
<tr>
<td>Saturday</td>
<td>Business Law</td>
<td>Banking and theory</td>
<td>Practice of Insurance</td>
<td>Excel Foundation</td>
<td>Banking and theory</td>
<td>Web Technologies</td>
<td>Computer Accountancy</td>
</tr>
</table>
</body>
</html>
Output:-

3. Create a web page which accepts user input as shown below.

 <html>
<head>
<title>Program1/Formatting Tags</title>
</head>
<body>
Name:<input type="text"><br>
Address:<input type="text"><br>
State:<input type="text"><br>
City:<input type="text"><br>
Pincode:<input type="text"><br>
&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" value="Place your order"><br>

</body>
</html>
Output:
4. Create a web page to modify the default properties of h1 tag using internal
style sheet.
<head>
<title>Program4/Formatting Tags</title>
<style>
h1
{
color:red;
font-family:algerian;
}
</style>
</head>
<body>
<h1><h2>Sphoorthy Deg & Pg College</h2></h1>
<h1>Dhilshuk Nagar</h1>
</body>
</html>

Output:
5. Create a web page to display an ordered list of courses offered in your college.
<head>
<title>Program4/Formatting Tags</title>
</head>
<body>
<ol type="1">
<li>Bcom Computer Applications(E/M)</li>
<li>Bcom Computers</li>
<li>Bcom General(E/M)</li>
<li>Bcom General(T/M)</li>
</ol></body></html>

Output:
6. Create a web page to display a table with 2 rows and 2 columns. Also insert images
in the cells of the table
<head>
<title>Images in cells</title>
</head>
<body>
<table border="2">
<tr>
<td>Desert Image</td>
<td>Sphoorthy </td>
</tr>
<tr>
<td>Sphoorthy </td>
<td><img src="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg"
height="50"></td>
</tr>
</table>
</body>
</html>
Output:
 7. Create a web page to display a hyperlink which when clicked directs you to
Amazon website.

<head>
<title>Program4/Formatting Tags</title>
</head>
<body>
<a href="www.amazom.com">Link to Amazon from Here...</a>
</body>
Output:

8. Create a web page to demonstrate various marquee effects over a given text.

<head>
<title>Program4/Formatting Tags</title>
</head>
<body>
<marquee direction="right"><h2>Sphoorthy Deg & Pg
College</h2></marquee></br>
<marquee direction="left"><h2>Sphoorthy Deg & Pg
College</h2></marquee></br>
<marquee direction="up"><h2>Sphoorthy Deg & Pg College</h2></marquee></br>
<marquee direction="down"><h2>Sphoorthy Deg & Pg College</h2></marquee>
</body>
Output:
9. Create a web page to display the following output: (take your own data
into consideration)

<html>
<head>
</head>
<table border="2">
<tr>

<td colspan="2"><center>Desert Image</center></td>

</tr>
<tr>
<td>This webpage displaying desert image</td>
<td><img src="C:\Users\Public\Pictures\Sample Pictures\desert.jpg"
height="50"></td>
</tr>
</table>
</body>
</html>
Output:
10. Create a web page to display the following output: (a+b)2=a2+2ab+b2

<html>
<head>
</head>
<body>
(a+b)²=a²+2ab+b²<br>
H₂SO₄
</body>
</html>

Output :
11. Create a web page to demonstrate the usage of nested tables as shown in
the diagram below:

<html>
<head>
</head>
<body>
<table border=2>
<tr>
<td>
<table border=2>
<tr>
<td>Rubber</td>
<td>Baby</td>
</tr>
<tr>
<td>Buggy</td>
<td>Bumpers</td>
</tr>
</table>
</td>
<td>
 <table border=2>
<tr>
<td>She</td>
<td>sells</td>
</tr>
<tr>
<td>sea</td>
<td>shells</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Output :

12. Create a web page which acts as a home page where your college name is
properly aligned with the logo of your college followed by address and contact details
at the center of the page.

<html>
<head>
</head>
<body>
 <h1><img src="E:\Hari\Untitled.png" height="100">Sphoorthy Degree
College,<br>Near Bus Depot,<br>Dhilshuk Nagar.<br>
<center>Contact No:7780402102</center></h1>

</body>
</html>

Output:

13. Create a web page to demonstrate definition lists by taking various applications
of ecommerce as an example.

<html>
<head>
</head>
<body>
<dl>
<dt>E-Banking
<dd>also known as online banking
<dt>E-Advertisement
<dd>also known as online Advertisement
<dt>E-Shooping
<dd>also known as online shopping
<dt>E-Marketing
 <dd>also known as online marketing
<dt>E-Entertainment
<dd>also known as online Entertainment
</dl>

</body>
</html>

Output:

14. Create a web page to display a bulleted list of subjects available in the
current semester.

<html>
<head>
</head>
<body>
<ul type="disc">
<li>Practice of General Insurance</li>
<li>Sector of Indian Econamy</li>
 <li>G.S.T</li>
<li>Company Law</li>
<li>Managerial Accounting</li>
<li>Commerce Lab</li>
<li>E-commerce</li>
<li>RDBMS</li>
</ul>

</body>
</html>

Output:

15. Create a web page to give scrolling effect of an image (preferably your college logo).

<html>
<head>
 </head>
<body>
<marquee><img src="E:\Hari\college photo.jpg" height="100"></marquee>
</body>
</html>
Output:

16. Create a web page to display a button which when clicked directs you to your
college website.
<html>
<head>
</head>
<body>
<p>Click on the button to redirect to Sphoorty College website</p>
<button title="Sphoorty" class="c"
onclick="window.open('http//www.SPcolleges.com','_blank');return
false;">SPDG</button>
</body>
</html>
Output:
17. Create a web page to display various courses in your college. The courses should
be separated by a horizontal ruler of varying sizes and colors.

<html>
<head>
</head>
<body>
<p>Practice of General Insurance</p>
<hr color="red" size="2">
<p>Sector of Indian Econamy</p>
<hr color="blue" size="3">
<p>G.S.T</p>
<hr color="pink" size="1">
<p>Company Law</p>
<hr color="green" size="3">
<p>Managerial Accounting</p>
<hr color="orange" size="4">
<p>Commerce Lab</p>
<hr color="yelow" size="1">
<p>E-commerce</p>
<hr color="meroon" size="2">
<p>RDBMS</p>
</ul>

</body>
 </html>
Output:

18. Create a web page to display four horizontal frames each frame containing
a different color.

<html>
<head>
</head>

<frameset rows="25%,25%,25%,*">
<frame src="f1.html">
</frame>
<frame src="f2.html">
</frame>
<frame src="f3.html">
</frame>
<frame src="f4.html">
</frame>
</frame>
 </html>
F1.html Program
<body bgcolor="red">
</body>

F2.html Program
<body bgcolor="red">
</body>
F3.html Program
<body bgcolor="red">
</body>
F4.html Program
<body bgcolor="red">
</body>
Output:

19. Create a web page to display four vertical frames each frame containing a different
color.

<html>
<head>
</head>
<frameset cols="25%,25%,25%,*">
<frame src="f1.html">
 </frame>
<frame src="f2.html">
</frame>
<frame src="f3.html">
</frame>
<frame src="f4.html">
</frame>
</frame>
</html>

F1.html Program
<body bgcolor="red">
</body>

F2.html Program
<body bgcolor="red">
</body>
F3.html Program
<body bgcolor="red">
</body>
F4.html Program
<body bgcolor="red">
</body>

Output:
20. Create a web page to display a button with label “search” adjacent to a text box.
Also change the color of text box and background of the web page.
<html>
<head>
</head>
<body>
<table border="2">
<tr>
<td colspan="3"><center>TOP</center></td>
</tr>
 <tr>
<td rowspan="3">middle left</td>
<td>middle up</td>
<td rowspan="3">middle right</td>
</tr>
<tr>
</tr>
<tr>
<td>middle down</td>
</tr>
<tr>
<td colspan="3"><center>Down</center></td>
</tr>
</table>
</body>
</html>
Output:

21. Create a web page to display a table containing 2 rows and 2 columns which
contains the names of your friends and each cell filled with different background colors.

<html>
<head>
 </head>
<body>
<table border="2">
<tr>
<td bgcolor="orange">Sandhya</td>
<td bgcolor="red">Amulya</td>
</tr>
<tr>
<td bgcolor="blue">Vinod</td>
<td bgcolor="green">Praveen</td>
</tr>
</table>
</body>
</html>
Output :

23. Create a web page which asks for mode of payment which includes the
options: Credit card/Debit card/Online transfer (use radio buttons)

<html>
<head>
</head>
<body>
<form action="paymentpage.php">
Mode of Payment:&nbsp;Credit card<input type="radio"
name="payment">&nbsp;Debit card<input type="radio"
name="payment">&nbsp;Online Transfer<input type="radio" name="payment">
 </form>
</body>
</html>

Output:

24. Create a web page which asks the user to enter his credit card details.
Use textboxes, drop down buttons.

<html>
<head>
</head>
<body>
<form>
Enter your card details<br>
Enter card number:<input type="text" name="cn"><br>
Expiry date:
<select>
<option>Select Month</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>..</option>
<option>..</option>
 <option>12</option>
</select>
<select>
<option>Select year</option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
<option>2022</option>
<option>2023</option>
<option>2024</option>
</select><br>
Enter cvv number:<input type="text" name="cn"><br>
<input type="submit" value="submit">
</form>
</body>
</html>
Output:

25. Create a web page to generate a purchase order as shown below:

<html>
<head>
 </head>
<body>
<form action="paymentpage.php">
Name:<input type="text" name="name"><br>
Address:<input type="text" name="adrs"><br>
State:<input type="text" name="st"><br>
Pincode:<input type="text" name="pin"><br>
Magzine:<input type="text"
name="num"><br>
Subscription:<input type="radio" name="sb">1 Year &nbsp;<input type="radio"
name="sb"> 2 year<br>
<input type="submit" name="sb" value="Place Your Order">
</form>
</body>
</html>

Output:

26). Create a web page to display a hyperlink which when clicked displays excel sheet
containing student details.

<html>
 <head>
</head>
<body>
<a href="D:\sdetails.xlsx">Get student detais in excel sheet</a>
</body>
</html>
Output:

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

<html>
<head>
</head>
<body>
<body>
<dl>
<dt>B2B
<dd>Business to Business
<dt>B2C
<dd>Business to Consumer
 <dt>C2B
<dd>Consumer to Business
<dt>C2C
<dd>Consumer to Consumer
</dl>
</body>
</html>
Output:

28. Create a web page with paragraphs left, right and center aligned to explain
about various social networking sites. The paragraphs should be on different colors
and separated by horizontal lines of varying sizes.

<html>
<head>
</head>
<body>
<p align="left" style="color:red" >This paragraph is explaining about Facebook
This paragraph is explaining about Facebook
This paragraph is explaining about Facebook</p>
<hr size="3">
<p align="center" style="color:blue">This paragraph is explaining about Twitter
This paragraph is explaining about Twitter
This paragraph is explaining about Twitter</p>
 <hr size="4">
<p align="right" style="color:green">This paragraph is explaining about Linked in
This paragraph is explaining about Linked in
This paragraph is explaining about Linked in</p>
</body>
</html>
Output:

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.

<html>
<head>
</head>
<body>
<button title="bt" class="c" onclick="window.open('E:\Hari\Ecom- 19\
b2b.html','_blank');return false;">B2B</button>
<button title="bt" class="c" onclick="window.open('E:\Hari\Ecom- 19\
b2c.html','_blank');return false;">B2C</button>
 <button title="bt" class="c" onclick="window.open('E:\Hari\Ecom- 19\
c2b.html','_blank');return false;">C2B</button>
<button title="bt" class="c" onclick="window.open('E:\Hari\Ecom- 19\
c2c.html','_blank');return false;">C2C</button>
</body>
</html>
Output:

30. Create a web page to modify the default properties of h1 tag using external style
sheet.

<html>
<head>
<link rel="stylesheet" type="text/css" href="h.css">
</head>
<body>
<body>
<h1>
My Favourite Lecturer is V. RAVINDRANATH SIR
</h1>
</body>
</html>

CSS Program:

h1
 {
font-size:30px;
color:red;
font-family:algerian;
}

Output:

31. Create a web page to scroll the text “E-Commerce” for exactly 5 times from left to
right of the screen.

<html>
<head>

</head>
<body>
<body>
<marquee direction="right" loop="3">E-Commerce</marquee>
</body>
</html>
Output:
32. Create a web page to insert an image which when clicked redirects you to
your college website.

<html>
<head>
</head>
<body>
Click on college image to redirect to college website<a href="www.Sphoorthy Deg
college.com"><img src="E:\Ravi\college photo.jpg" height="300" width="300">
</html>
Output:
33. Create a web page to display the name of your college in h6 size with blue as
font color and background color yellow separated by a thick line and below which a
paragraph about the facilities offered by your college is described.

<html>
<head>

</head>
<body>
<h6 style="color:blue;background-color:yellow">Sphoorthy Degree & Pg
College</h6>
<hr size="6">
<p>This college is providing many facilities to students like..<br>
Computer Lab<br>
Library<br>
Commerce Lab<br>
Filter water
Games<br>
Seminor hall<br>
</p>
</html>
 Output:

34. Create a web page with OSMANIA UNIVERSITY as the title and five buttons labeled
Home, About Us, Courses, ,feedback, Contact us as shown in the diagram which when
clicked displays the details on a separate pages.

<html>
<head>
</head>
<body>
<button title="bt" class="c" onclick="window.open('E:\Hari\Ecom- 19\
Home.html','_blank');return false;">Home</button>
<input type="button" value="About us" onclick="window.open('E:\Hari\Ecom-
19\About us.html')">
<button title="bt" class="c" onclick="window.open('E:\Hari\Ecom- 19\
Home.html','_blank');return false;">Courses</button>
<input type="button" value="Feedback" onclick="window.open('E:\Hari\Ecom-
19\About us.html')">
<button title="bt" class="c" onclick="window.open('E:\Hari\Ecom- 19\
Home.html','_blank');return false;">Contact Us</button>
</body>
</html>
 Output:

35. Create a web page to demonstrate a pull-down menu. The menu should contain the
list of your favorite south Indian dishes.
<html>
<head>
</head>
<body>
My Favourite South Indian Dishes:
<select>
<option>Select dishes</option>
<option>Sambar rice</option>
<option>Curd rice</option>
<option>Lemon rice</option>
</select>
</body>
</html>
Output:
36. Create a web page with name of your college as text. The text should scroll,
alternate and slide.

<html>
<head>
</head>
<body>
<marquee>Sphoorthy Degree College
</marquee>
<marquee direction="right">Sphoorthy Degree College
</marquee>
</body>
</html>

Output:
37. Create a web page to display an image surrounded by text on all the four sides.
<html>
<head>
</head>
<body>
<p style="margin-left:120px"><H2>SPHOORTHY DEG & PG COLLEGE</H2></p>
<p><H2>SPHOORTHY DEG & PG COLLEGE</H2> &nbsp;<img
src="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg"
height="50">&nbsp;<H2>SPHOORTHY DEG & PG COLLEGE</H2></p>
<p style="margin-left:120px"><H2>SPHOORTHY DEG & PG COLLEGE</H2></p>
</body>
</html>

Output :
38. Create a web page with 4 paragraphs of about 5 lines each describing about E-
Marketing, E- Shopping, E-banking and E-Learning. The paragraphs should be
aligned left, right, center and justified respectively.

<html>
<head>
</head>
<body>
<p align="left" style="color:red" >This paragraph is explaining about E-Marketing
This paragraph is explaining about E-Marketing<br>
This paragraph is explaining about E-Marketing</p>
<hr size="3">
<p align="right" style="color:blue">This paragraph is explaining about E-Shopping
This paragraph is explaining about E-Shopping<br>
This paragraph is explaining about E-Shopping</p>

<hr size="4">
<p align="center" style="color:green">This paragraph is explaining about E-Banking
This paragraph is explaining about E-Banking<br>
This paragraph is explaining about E-Banking</p>

<p align="justify" style="color:red">This paragraph is explaining about E-Learning

This paragraph is explaining about E-Learning<br>
This paragraph is explaining about E-Learning</p>

</body>
 </html>

Output:

40. Create a login page asking the user to enter his username and password followed
by a submit button.
<html>
<head>
</head>
<body>
<form>
Login Here...<br>
Username: <input type="text" name="un"><br>
Password: <input type="password"
name="pw"><br>
<input type="submit" value="Submit details">
</form>
</body>
</html>
Output:
41. Create a web page to create links to the sections on the same page.
<html>
<head>
</head>
<body>
<h6 style="color:blue;font-family:verdana"><H2>SPHOORTHY DEG & PG
COLLEGE</H2>
<img src="C:\Users\Public\Pictures\Sample Pictures\Desert.jpg" height="50"
alt="copyright_symbol">
<img src="C:\Users\Public\Pictures\Sample Pictures\Desert.jpg" height="50"
alt="trademark_symbol"></h6>
</body>
</html>
Output:
42. Create a web page using a form which collects data about students rollno, name
and marks in various subjects followed by submit and reset buttons.

<html>
<head>
</head>
<body>
<h3><center>Student Information</center></h3>
<form name="f" action="abc"><br>
Sno:<input type="text" name="sn"><br>
Name:<input type="text" name="nm"><br>
marks in web:<input type="text" name="m1"><br>
 marks in Excel:<input type="text" name="m2"><br>
marks in Rdbms:<input type="text" name="m3"><br>
<input type="submit" value="submit"> &nbsp;<input type="reset">
</form>
</body>
</html>
Output:

43. Create a web page using a form titled as Feedback form which takes the feedback
of the various facilities offered in your college. The form should have fields student
name, roll no followed by 5 check boxes labeled Excellent, Very Good, Good, Average,
Bad respectively.

<html>
<head>
</head>
<body>
<h3><center>Feedback Form</center></h3>
<p>Students give yours feedback from here...
<form name="f" action="abc">
Excellent <input type="checkbox" name="sn">
Very Good:<input type="checkbox" name="nm">
Good <input type="checkbox" name="m1">
average<input type="checkbox" name="m2">
Bad<input type="checkbox" name="m3">

</form>
</body>
</html>
Output:
44. Create a web page to display the list of universities available in Telangana
state using a pull- down menu.

<html>
<head>
</head>
<body>
<form>
Universities in Telengana:
<select>
<option>Select University</option>
<option>Osmania University</option>
<option>Jawaharlal Nehru University</option>
<option>Dr.B.R Ambedkar University</option>
<option>Telengane University</option>
<option>Kakatiya University</option>
<option>University Of Hyderabad</option>
<option>Palamuru University</option>
<option>Satavahana University</option>

</select>
</form>

</body>
</html>
Output:
45. Create a web page to display an image surrounded by text on left and right sides.

<html>
<head>
</head>
<body>
<h4>Image with left and right side text</h4><br><br>
<p><H2>SPHOORTHY DEG & PG COLLEGE</H2> &nbsp;
<img src="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg"
height="50">&nbsp;
<H2>SPHOORTHY DEG & PG COLLEGE</H2></p>
</body>
</html>
Output:
47. Create a user registration form for an upcoming examination.(use textboxes,
pull down menus, option boxes, submit button)
<html>
<head>
</head>
<body>
<h3>Student Examination Registration Form</h3>
<form action="abc" name="form">
Student Name:<input type="text" name="sname"><br>
Father Name:<input type="text" name="fname"><br>
Course :<select>
<option>Select course</option>
<option>B.Com Computers</option>
<option>B.Com General</option>
</select><br>
Semester: <input type="checkbox" name="sm2"> 2nd sem &nbsp;<input
type="checkbox" name="sm4">&nbsp; 4th sem<input type="checkbox"
name="sm6"> 6th sem<br>
<input type="Submit" Value="Submit Form">
</form>
 </body>
</html>
Output:

48. Create an web page to display a multilevel list taking your own example.

<html>
<head>
</head>
<body>
<h2>Courses in College(using nested list)</h2>
<ol type="1">
<li>B.Com
<ul type="disc">
<li>Computer Application</li>
<li>Computers</li>
<li>General</li>
</ul>
</li>
<li>B.Sc
<ul type="circle">
<li>MPCs</li>
 <li>MECs</li>
<li>MSCs</li>
</ul>
</li>

</ol>
</body>
</html>
Output:

49. Create a table to demonstrate cols pan, row span, cell spacing and cell
padding attributes of a table.
<html>
<head>
</head>
<body>
<table border=2 cellspacing="5" cellpadding="5">
<tr>
<td rowspan="2">Program48</td>
<td>Program48</td>
<td>Program48</td>
 </tr>
<tr>
<td>Program48</td>
<td>Program48</td>
</tr>
<tr>
<td colspan="2">Program48</td>
<td>Program48</td>
</tr>
</table>
</body>
</html>
Output:

50. Create a webpage to insert an image using all the image attributes.

<html>
<head>
</head>
<body>
Image with Attributes<br>
<img src="E:\Ravi\college photo.jpg" width="200" height="200" alt="college
image" border="3">
</body>
</html>
Output: