Scribd
Upload
22 views

Ecommerce Labrec

E-commerce Practical lab B-COM-CA

Uploaded by

marapallyvarunkumar11
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
22 views

Ecommerce Labrec

E-commerce Practical lab B-COM-CA

Uploaded by

marapallyvarunkumar11
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/ 68

Prog1

<html>

<head>

<title>Form</title>

</head>

<body>

<form><center>Name:

<input type=text></center>

<br>

<center>Address:

<input type=text></center>

<br>

<center><input type=button value=Submit></center>

</body>

</html>

Prog2

<html>

<head>

<title>Demo on Tables</title>

</head>

<body>

<table border=6 cellspacing=5 cellpadding=5 width=10% border=box align=”center”>

<caption><h2 align=”center”>Time-Table</h2></caption>

<tr>

<th>Day/Period</th>

<th>1<sup>st</sup>hour</th>

<th>2<sup>nd</sup>hour</th>

<th>3<sup>rd</sup>hour</th>

<td rowspan=7>B<br>R<br>E<br>A<br>K<br>
<th>4<sup>th</sup>hour</th>

<th>5<sup>th</sup>hour</th>

<td rowspan=7>B<br>R<br>E<br>A<br>K<br>

<th>6<sup>th</sup>hour</th>

<th>7<sup>th</sup>hour</th>

</tr>

<tr>

<td>Monday

<td>Company law

<td>Commerce lab

<td>Mangerial acc

<td>S.O.I.E

<td>Th. & Prac. Of G.S.T

<td>RDBM

<td>E-commerce

</tr>

<tr>

<td>Tuesday

<td>Company law

<td>Commerce lab

<td>Mangerial acc

<td>S.O.I.E

<td>Th. & Prac. Of G.S.T

<td>RDBM

<td>E-commerce

</tr>

<tr>

<td>Wednesday

<td>Company law
<td>Commerce lab

<td>Mangerial acc

<td>S.O.I.E

<td>Th. & Prac. Of G.S.T

<td>RDBM

<td>E-commerce

</tr>

<tr>

<td>Thrusday

<td>Company law

<td>Commerce lab

<td>Mangerial acc

<td>Regulations of Insurance

<td>Th. & Prac. Of G.S.T

<td>RDBM

<td>E-commerce

</tr>

<tr>

<td>Friday

<td>Company law

<td>Commerce lab

<td>Mangerial acc

<td>Regulations of Insurance

<td>Th. & Prac. Of G.S.T

<td>RDBM

<td>E-commerce

</tr>

<tr>

<td>Saturday
<td>Company law

<td>Commerce lab

<td>Mangerial acc

<td>Regulations of Insurance

<td>Th. & Prac. Of G.S.T

<td>RDBM

<td>E-commerce

</tr>

</table>

</body>

</html>

Prog3

<html>

<head>

<title>Form</title>

</head>

<body>

<form><center>Name:

<input type=text></center>

<br>

<center>Address:

<input type=text></center>

<br>

<center>State:

<input type=text></center>

<br>

<center>City:

<input type=text></center>

<br>
<center>Pincode:

<input type=text></center>

<br>

<center><input type=button value=Place your order></center>

</body>

</html>

Prog5

<html>

<head>

<title>Program on lists</title>

</head>

<body>

<h2 align=”center”><u>Courses</u></h2><br>

<ol type=”1”>

<li>Commerce

<ol type=”a”>

<li>Computers

<li>Generals

<li>Applications

<li>Honours

</ol>

<li>Science

<ol type=”a”>

<li>Electronics

<li>Statistics

<li>Physics

</ol>

</body>

</html>
Prog7

<html>

<head>

<title>Anchor Tag</title>

</head>

<body>

<h2 align=”center”>Amazon</h2><br>

<a href=https://www.amazon.com/>Click</a>

</body>

</html>

Prog10

<html>

<head>

<title>Web page</title>

</head>

<body>

(a+b)<sup>2</sup>=a<sup>2</sup>+2ab+b<sup>2</sup><br>

H<sub>2</sub>SO<sub>4</sub>

</body>

</html>

Prog14

<html>

<head>

<title>Subjects</title>

</head>

<body>

<h2 align=”center”>Subjects of Semester VI</h2><br>

<ul type=”disc”>

<li>Regulation of Insurance Business


<li>Sectors of Indian Economy

<li>Theory and Practice of GST

<li>Company Law

<li>Managerial Accounting

<li>Commerce Lab

<li>E-Commerce

<li>Relational Database Management System

</ul>

</body>

</html>

Prog25

<html>

<head>

<title>Purchase Order</title>

</head>

<body>

<form>

<center>Name:

<input type=text></center><br>

<center>Address:

<input type=text></center>

<center>State:

<input type=text></center><br>

<center>City:

<input type=text></center><br>

<center>Pincode:

<input type=text></center><br>

<center>Magazine:

<select>
<option>Computers Today

<option> Business Today

<option> Commerce and Business Researcher

</select></center><br>

<center>Subscription:

<input type=radio>1 Year

<input type=radio checked=”2yrs”>2 Years</center><br>

<center><input type=button value=”Place your order”></center>

</form>

</body>

</html>

Prog44

<html>

<head>

<title>using pulldown menu</title>

</head>

<body>
<h1 align=center>Universities in Telangana State</h1>

<form>

<center>

<select>

<option> Osmania University

<option>Palamuru University

<option>Telangana University

<option>Mahatma Gandhi University

</select>

</center>

</form>

</body>

</html>

Prog50

<html>

<head>

<title>Image tag</title>

</head>

<body>

<h1 align=”center”>Image Tag</h1>

<img src=”C:\Users\user\Documents\4.jpg” height=”300” width=”200” border=”5” bordercolor=”grey”


alt=”image” align=”right”></img>

</body>

</html>

Prog6

<html>

<head>

<title>Image</title>
</head>

<body>

<table border=2 align=center>

<tr>

<td><img src=”C:\Users\user\Documents\3.jpg” height=150 width=150>

<td>This is a beautiful image.

</tr>

<tr>

<td><img src=”C:\Users\user\Documents\5.jpg” height=150 width=150>

<td>This is a Temple.

</tr>

</table>

</body>

</html>

Prog9

<html>

<head>

<title>Image</title>

</head>

<body>

<table border=2>

<tr>

<td colspan=2><b><i><center>Title</center></b></i>

</tr>

<tr>

<td><p>The Charminar,constructed in 1591, is a monument and mosque located in Hyderabad,


Telangana, India. The landmark has become a global icon of Hyderabad, listed among the most
recognized structures of India. Charminar has been a historical place with Mosque on the top floor for
over 400 years.</p>

<td><img src=”C:\Users\user\Documents\Charminar.jpg” height=150 width=150>


</tr>

</table>

</body>

</html>

Prog16

<html>

<head>

<title>Anchor Tag</title>

</head>

<body>

<h2 align=”center”>Vasundara College</h2><br>

<a href=http://omegadegree.com/>Click</a>

</body>

</html>

Prog18

C1

<html>

<head>

<title></title>

<body bgcolor=”red”>

</body>

</html>

C2

<html>

<head>

<title></title>

<body bgcolor=”yellow”>

</body>

</html>
C3

<html>

<head>

<title></title>

<body bgcolor=”blue”>

</body>

</html>

C4

<html>

<head>

<title></title>

<body bgcolor=”lime”>

</body>

</html>

Main prog

<html>

<head>

<title>Frames</title>

</head>

<frameset rows=”25%,*,*,*” frameborder=”yes” bordercolor=”red”>

<frame src=”E:\BHAKTHI\c1.html”>

<frame src=”E:\BHAKTHI\c2.html”>

<frame src=”E:\BHAKTHI\c3.html”>

<frame src=”E:\BHAKTHI\c4.html”>

</frameset>

</html>

Prog 19

<html>

<head>
<title>Frames</title>

</head>

<frameset cols=”25%,*,*,*” frameborder=”yes” bordercolor=”blue”>

<frame src=”E:\BHAKTHI\c2.html”>

<frame src=”E:\BHAKTHI\c4.html”>

<frame src=”E:\BHAKTHI\c1.html”>

<frame src=”E:\BHAKTHI\c3.html”>

</frameset>

</html>

Prog21

<html>

<head>

<title>Table</title>

</head>

<body>

<table border=2 align=center>

<tr>

<td bgcolor=violet>Ch.Anusha

<td bgcolor=blue>K.Vishnu Priya

</tr>

<tr>

<td bgcolor=red>B.Ambica Rao

<td bgcolor=aqua>S.Jyothi

</tr>

</table>

</body>

</html>

Prog4

<html>
<head>

<title>using inline stylesheet</title>

<style>

H1{color:blue;text-align:center; font-family: Algerian; font-size:100% }

</style></head>

<body>

<h1>Omega Degree College</h1>

</body>

</html>

Prog8

<html>

<head>

<title>marquee Tag</title>

</head>

<body>

<h1 align=”center”>Marquee</h1>

<font size=5>

<marquee direction=”down” height=”100” width=”500” behavior=”alternate” bgcolor=”aqua”>E-


commerce</marquee><br>

<marquee direction=”left” height=”100” width=”500” behavior=”scroll” bgcolor=”blue”>E-


commerce</marquee><br>

<marquee direction=”up” height=”200” width=”200” behavior=”slide” bgcolor=”pink”>E-


commerce</marquee><br>

<marquee title=”Holding your cursor over this step the marquee”

Onmouseover=”this.stop()”;

Onmouseout=”this.start()”; direction=”right” width=”300” height=”100” bgcolor=”violet”>E-


commerce</marquee>

</body>

</html>

Prog17
<html>

<head>

<title>HR</title>

</head>

<body>

<h1 align=”center”>COURSES</h1>

<hr size=5% color=”red”><br><br>

<center><b><u>Commerce</b></u><br>

Computers<br>

Applications<br>

Generals<br>

</center>

<hr size=10% color=”blue”><br><br>

<center><b><u>Science</b></u><br>

Electronics<br>

Satistics<br>

Physics<br>

</center>

<hr size=20% color=”lime”><br><br>

</body>

</html>

Prog13

<html>

<head>

<title>Lists</title>

</head>

<body>

<h2 align=”center”>Applications of E-Commerce</h2><br>

<dl>
<dt>E-Marketing

<dd>E-marketing is the process of marketing a product or service using the Internet. Emarkerting not
only includesmarketing on the Internet, but also includes marketing done via e-mail and wireless media

<dt>E-Banking

<dd> Online banking allows a user to execute financial transactions via the internet. Online banking is
also known as “internet banking” or “web banking.” An online bank offers customers just about every
service traditionally available through a local branch, including deposits—these are done online, using
ATMs or through the mail—and online bill payment <dt>E-Advertising

<dd> Electronic advertising is advertising that uses the Internet and other forms of digital media to help
a business promote and sell goods and services.

<dt>M-Commerce

<dd> M-commerce (mobile commerce) is the buying and selling of goods and services through wireless
handheld devices such as cellular telephone and personal digital assistants (PDAs). Known as next-
generation e-commerce, m-commerceenables users to access the Internet without needing to find a
place to plug in.

<dt>E-Trading

<dd> An electronic trading platform, also known as an online trading platform, is a website or computer
program with a graphical user interface used to tradefinancial assets via an electronic communication
network, stock exchange, alternative trading system, crossing network, or dark pool with a financial

<dt>E-Learning

<dd> Electronic learning refers to a broad educationalconcept primarily characterized by the usage
ofelectronic media and other types of communication technologies. Specific types of electronic learning
include internet-based training, online education, computer-based training.

<dt>E-Shopping

<dd> Online shopping is a form of electronic commercewhich allows consumers to directly buy goods or
services from a seller over the Internet using a web browser. … When an online store is set up to enable
businesses to buy from another businesses, the process is called business-to-business (B2B) online
shopping.

</dl>

</body>

</html>

Prog20

<html>

<head>
<title>Search</title>

</head>

<body bgcolor=”purple”>

<form><br><br>

<input type=button value=”Search”>

<input type=text style=”background-color:pink”>

</form>

</body>

</html>

Prog22

<html>

<head>

<title>Table</title>

</head>

<body>

<center>

<table border=2>

<tr>

<td colspan=3><center>Top</center>

</tr>

<tr>

<td rowspan=2>middle left

<td>middle up

<td rowspan=2>middle right

</tr>

<tr>

<td>middle down

</tr>

<tr>
<td colspan=3><center>Down</center>

</center>

</table>

</body>

</html>

Prog 23

<html>

<head>

<title>payments</title>

</head>

<body><br><br>

<form><center>Mode of Payment:

<input type=radio>Credit card

<input type=radio>Debit card

<input type=radio>Online transfer

</center>

</body>

</html>

Prog26

<html>

<head>

<title>Anchor Tag</title>

</head>

<body>

<h2 align=”center”>Student Details</h2><br>


<a href=”E:\BHAKTHI\Book1.xlsx”>Click the link</a>

</body>

</html>

Prog 27

<html>

<head>

<title>Lists</title>

</head>

<body>

<h2 align=”center”>Business Models</h2><br>

<dl>

<dt>B2B

<dd>Business-to-Business

<dt>B2C

<dd>Business-to-Customer

<dt>C2B

<dd>Customer-to-Business

<dt>C2C

<dd>Customer-to-Customer

</dl>

</body>

</html>

Prog 31

<html>

<head>

<title>E-Commerce</title>

</head>

<body text=”blue”><br><br><br>
<marquee direction=”right” behavior=”alternate” loop=”5” scrollamount=”15”><u><b>E-
Commerce</u></b></marquee><br><br>

</body>

</html>

Prog32

<html>

<head>

<title>Link using img</title>

</head>

<body text=”blue” size=”18”>

<h2 align=”center”>Hyperlink Using Image</h2><br>

<a href=http://omegadegree.com/>

<img src=”C:\Users\user\Documents\4.jpg” alt=”Click” width=”200” height=”200”></a><br>

</body>

</html>

Prog35

<html>

<head>

<title>using pulldown menu</title>

</head>

<body>

<h1 align=center>Favourite South Indian Dishes</h1>

<form>

<center>

<select>

<option>Dosa

<option>Biryani

<option>Uttapam

<option>Vada
</select>

</center>

</form>

</body>

</html>

Prog36

<html>

<head>

<title>College</title>

</head>

<body><br><br><br>

<marquee direction=”left” behavior=”scroll”><b>Omega Degree College</b></marquee><br><br>

<marquee direction=”right” behavior=”alternate”><b>Omega Degree College</b></marquee><br><br>

<marquee direction=”left” behavior=”slide”><b>Omega Degree College</b></marquee><br><br>

</body>

</html>

Prog 42

<html>

<head>

<title>Form</title>

</head>

<body>

<h1 align=center>Student Data</h1>

<form>

<center>

Rollno:<input type=text><br>

S.name:<input type=text><br>

M1:<input type=text><br>

M2:<input type=text><br>
M3:<input type=text><br>

M4:<input type=text><br>

<input type=button value=Submit>

<input type=button value=Reset>

</center>

</body>

</html>

Prog43

<html>

<head>

<title>Form</title>

</head>

<body>

<h1 align=center>Feedback Form</h1>

<form>

<center>

Student name:

<input type=text><br><br>

Rollno:

<input type=text><br><br>

Feedback on facilities offered:

<input type=checkbox>Excellent

<input type=checkbox>Very Good

<input type=checkbox>Good

<input type=checkbox>Average

<input type=checkbox>Bad<br><br>

<input type=button value=Submit>

<input type=button value=Cancel><br><br>

</body>
</html>

Prog 41

<html>

<head>

<title>Hyperlinks</title>

</head>

<body>

<h2 align=”center”>Linking to the section of same document</h2><br>

<a href=”#Omega Degree college”>Omega Degree college</a><br>

<pre>This document explains about hyperlinks

Hyperlinks are of two types:

1.Text

2.Images

3.Mailto
4.Intra document reference

</pre>

<pre>

</pre>

<a name=”omega Degree college”>

<p>Omega Degree college has 4 branches.It offers courses like B.com,B.sc.</p></a><br>

</body>

</html>

Prog 49

<html>

<head>

<title>Table</title>

</head>

<body>

<table border=6 cellspacing=10 cellpadding=15 width=10% border=box bordercolor=”blue”


align=”center”>

<caption align=center> <font size=”20”><b>Table</b></font>

</caption>
<tr>

<td colspan=3><center>Student Details</center>

</tr>

<tr>

<td>Name

<td colspan=4>Marks

</tr>

<tr>

<td>

<td >M1

<td>M2

</tr>

<tr>

<td rowspan=2>Bhakthi Shankla

<td>90

<td>85

</tr>

<tr>

<tr>

<td>Mohit Bhadani

<td>76

<td>77

</tr>

<tr>

<td>Chanchal Roy

<td>88

<td>87

</tr>

<tr>
<td>Jai Kapoor

<td>97

<td>89

</tr>

</table>

</body>

</html>

Prog11

<html>

<head>

<title>Nested Table</title>

</head>

<body>

<table border=2 align=center cellspadding=5>

<tr>

<td>

<table border=2>

<tr>

<td>Rubber

<td>baby

<tr>

<td>buggy

<td>bumpers

</tr>

</table>

<td>

<table border=2>

<tr>
<td>She

<td>sells

<tr>

<td>sea

<td>shells

</tr>

</table>

</table>

</body>

</html>

Prog15

<html>

<head>

<title>Marquee</title>

</head>

<body text=”blue”>

<h1 align=”center”>Marquee of Image</h1>

<marquee><img src=”E:\BHAKTHI\Omegalogo.png” height=100 width=100></marquee>

</body>

</html>

Prog28

<html>

<head>

<title>using paragraphs&horizontal line</title>

</head>

<body>

<p align=”left”><font color=”sky-blue”><h3><b>Facebook : </b></h3>

This is easily the largest social networking site in the world and one of the most widely used. And,
Facebook was perhaps the first that surpassed the landmark of 1 billion user accounts.Apart from the
ability to network with friends and relatives, you can also access different Facebook apps to sell online
and you can even market or promote your business, brand and products by using paid Facebook
ads.</font></p><br><br><hr><br><br>

<h3 style=”text-align:center;color:red”>Whatsapp:</h3>

<p align=”center”><font color=”red”>

WhatsApp is free to download messenger app for smartphones. WhatsApp uses the internet to send
messages, images, audio or video.<br>

The service is very similar to text messaging services, however, because WhatsApp uses the internet to
send messages, the cost <br>

Of using WhatsApp is significantly less than texting. You can also use Whatsapp on your desktop,simply
go to the Whatsapp<br>

Website and download it to Mac or Windows. Reaching the 1 billion mark in July
2017.</font></p><br><br><hr><br><br>

<h3 style=”text-align:right;color:orange”>Instagram:</h3>

<p align = “right”><font color = “orange”>

Instagram Stories allows users to post a selection of photos/videos into one story.<br>

The new feature works in much the same way as Snapchat Stories, with stories disappearing after 24
hours.<br>

Instagram Stories are not posted to a users profile or on the Newsfeed. <br>

Instagram Stories follow the same privacy settings as a users’ Instagram


profile.<br></font></p><br><br><br>

</body>

</html>

Prog30

Stylesheet.css

H1

Display: block;

Text-align:center;

Font-weight: bold;

Color:dodgerblue;

}
Main.html

<html>

<head>

<title>using extrenal stylesheet</title>

<link href = “stylesheet.css” rel=”stylesheet” type=”text/css”></link>

</head>

<body>

<h1>This is heading 1</h1>

</body>

</html>

Prog33

<html>

<head>

<title>using h6 tag</title>

</head>

<body>

<h6 style=”color:blue;background-color:yellow;text-align:center”>Omega Degree College</h6>

<hr style=”border:1px solid black;”>

<h2>Facilities: </h2>

<h4>1.Infrastructure</h4>

<p>Each Classrooms are well Ventilated with proper sunlight and fans. The benches have been designed
in such a way which would help the student in sitting erect in the right posture. The glass boards are
installed in every classroom which minimize the usage of chalkpiece in keeping the classroom dust
free.</p>

<h4>2.Biometric Attendance System</h4>

<p>Biometric Attendance system has been introduced for the first time in Vasundara Colleges areas of
ECIL &Moula-ali. In this system as soon as the student enters the college premises and swipes one’s
photo Id Card in the machine their attendance gets marked. The time of entry and simultaneously exit
time would be sent as SMS immediately to the registered mobile number of the Parents/Guardian.</p>

<h4>3.Computer Science Laboratory</h4>


<p>All the three campus have well equipped laboratories in all the subjects. The Computer Science lab
stands majestic with its black LED monitors and fully configurated cutting edge technology systems.
Students are given free access to internet. There is a permanently fitted LCD Projector in the lab which
enables the staff to conduct classes in an interactive manner.</p>

<h4>4.Chemistry Laboratory</h4>

<p>The Chemistry laboratory is the beauty of the college, which speaks volumes about the
managements endeavour for perfection and excellence. The O.U inspection panel commends the lab for
its planning, infrastructure and maintenance and recommends it to one of the ideal labs in the city
colleges. The honorable members of the University’s inspection panel have voluntarised in writing
letters of appreciation to the management.</p>

<h4>5.English Language Lab</h4>

<p>The English Language lab with its systems fitted with ear phones helps the students learn
communication skills. This audio-visual technique of teaching skills to the students has proved successful
when the students attend for jobs interviews.</p>

<h4>6.Library</h4>

<p>Each of our campuses has large libraries with O.U prescribed reference books on all subjects. Library
hosts corners of silence for the students to refer books, Newspapers both English and Telugu, Magazines
and journals are subscribed for the benefit of students and staff. Sets of Question banks in all subjects
are kept in the libraries to help the students during the time of Examinations.</p>

</body>

</html>

Prog37

<html>

<head>

<title>Using image</title>

</head>

<body>

<table border=2 align=center>

<tr>

<td colspan=3>Ecommerce

</tr>

<tr>

<td> E<br>c<br>o<br>m<br>m<br>e<br>r<br>c<br>e<br>
<td><img src=”C:\Users\user\Documents\4.jpg” height=100 width=100>

<td> E<br>c<br>o<br>m<br>m<br>e<br>r<br>c<br>e<br>

</tr>

<tr>

<td colspan=3>Ecommerce

</tr>

</table>

</body>

</html>

Prog45

<html>

<head>

<title>Image</title>

</head>

<body>

<table border=2 align=center>

<tr>

<td> E<br>c<br>o<br>m<br>m<br>e<br>r<br>c<br>e<br>

<td><img src=”C:\Users\user\Documents\4.jpg” height=100 width=100>

<td> E<br>c<br>o<br>m<br>m<br>e<br>r<br>c<br>e<br>

</tr>

</table>

</body>

</html>

Prog46

<html>

<title>Deafult themes</title>

<meta name=”viewport” content=”width=device-width, initial-scale=1”>

<link rel=”stylesheet” href=https://www.w3schools.com/w3css/4/w3.css>


<link rel=”stylesheet” href=https://www.w3schools.com/lib/w3-theme-blue.css>

<style>

.w3-theme-gradient {

Color: #000 !important;

Background:-webkit-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

.w3-theme-gradient {

Color: #000 !important;

Background:-moz-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

.w3-theme-gradient {

Color: #000 !important;

Background:-o-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

.w3-theme-gradient {

Color: #000 !important;

Background:-ms-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

.w3-theme-gradient {

Color: #000 !important;

Background: linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

</style>

<body>

<div class=”w3-card-4”>

<div class=”w3-container w3-theme w3-card”>

<h1>WELCOME</h1>

</div>

<div class=”w3-container w3-text-theme”>

<h2>OSMANIA UNIVERSITY</h2></div>

<ul class=”w3-ul w3-border-top”>

<li class=”Examination Bram”>

<a class=”w3-button w3-xlarge w3-circle w3-theme-action”

Style=”position:fixed;top:48px;right:24px;”>+</a>
<p>Examination Branch</p>

</li>

<li class=”w3-theme-l4”>

<p>Administration</p>

</li>

<li class=”w3-theme-l3”>

<p>Academics</p>

</li>

<li class=”w3-theme-l2”>

<p>research</p>

</li>

<li class=”w3-theme-l1”>

<p>Student Support</p>

</li>

<li class=”w3-theme”>

<p>College login</p>

</li>

<li class=”w3-theme-d1”>

<p>Examinations Results</p>

</li>

<li class=”w3-theme-d2”>

<p>Foreign studies</p>

</li>

<li class=”w3-theme-d3”>

<p>Statistical cell</p>

</li>

<li class=”w3-theme-d4”>

<p>UGC </p>

</li>
<li class=”w3-theme-gradient”>

<p>Distance education</p>

</li>

</ul>

</div>

</body>

</html>

Prog47

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

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

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

</select>

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

<!----- City --------------------------------------------------------→

<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=”checkbox” name=”India” value=”India” /> India

<input type=”checkbox” name=”Foreign” value=”Foreign” /> Foreign

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

<td></td>

<td align=”center”>(10 char max)</td>

<td align=”center”>(upto 2 decimal)</td>

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

Prog24

<html>

<head>

<title>using textbox,drop down</title>

</head>

<body>

<h1>Credit Card Details</h1>

<br>

<table align=”center”>

<tr>

<td>Card Numer :

<td><input type= “text” />

</tr>
<tr>

</tr>

<tr>

</tr>

<td>Cardholder Name:

<td><input type=”text” value=”first name” /><input type=”text” value=”last name”>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>Expiration Date :

<td> Months<select>

<option>1

<option>2

<option>3

<option>4

<option>5

<option>6

<option>7

<option>8

<option>9

<option>10

<option>11

<option>12

</select>

Years <select>

<option>2012
<option>2013

<option>2014

<option>2015

<option>2016

<option>2017

<option>2018

<option>2019

<option>2020

<option>2021

<option>2022

<option>2023

<option>2024

<option>2025

<option>2026

<option>2027

<option>2028

<option>2029

</select>

</tr>

<tr>

<td>CV number

<td><input type = “text”/>

</tr>

<tr>

<td>Country/Region:

<td><input type=”text”/>

</tr>

<tr>

<td>City and State:


<td><input type=”text”/>

</tr>

<tr>

<td><input type = “submit” value=”Confirm and Pay”/>

</tr>

</table>

</body>

<html>

Prog48

<html>

<head>

<title>multilevel list</title>

</head>

<body>

<ol>

<li>First</li>

<li>Second

<ol style=”list-style-type: lower-alpha; padding-bottom: 0;”>

<li style=”margin-left:2em”>Sub of Second</li>

<li style=”margin-left:2em; padding-bottom: 0;”>Another Sub</li>

</ol>

</li>

<li>Third</li>

<li>Fourth </li>

</ol>

</body>

</html>

Prog38

<html>
<head>

<title>App of E-commerce</title>

</head>

<body>

<h1>Applications of E-commerce</h1>

<p align=”left”><font color=”sky-blue”><h3>E-Marketing </h3>

E-marketing is the process of marketing a product or <br>service using the Internet. E-markerting not
only includes <br>marketing on the Internet, but also includes marketing<br> done via e-mail and
wireless media. It uses a range of <br>technologies to help connect businesses to their customers.<br>

</font></p><br>

<h3 style=”text-align:right;color:red”>E-shopping</h3>

<p align=”right”><font color=”red”>

Online shopping is a form of electronic commerce which allows <br>consumers to directly buy goods or
services from a seller over the<br> Internet using a web browser. When an online store is set up to<br>
enable businesses to buy from another businesses,the process is<br> called business-to-business (B2B)
online shopping.

</font></p><br>

<h3 style=”text-align:center;color:orange”>E-Banking</h3>

<p align = “center”><font color = “orange”>

Online banking, also known as internet banking, is an electronic <br>payment system that enables
customers of a bank or other<br> financial institution to conduct a range of financial transactions
through<br> the financial institution’s website. The online banking system will typically<br> connect to
or be part of the core banking system operated by a bank and is in<br> contrast to branch banking
which was the traditional way <br>customers accessed banking services.<br>

</font></p><br>

<h3 style=”text-align:justify;color:purple”>E-Learning</h3>

<p align = “justify”><font color = “purple”>

Understanding eLearning is simple. eLearning is learning utilizing<br> electronic technologies to access


educational curriculum<br> outside of a traditional classroom. In most cases,it refers to a course,<br>
program or degree delivered completely online.<br>

</font></p>

</body>

</html>
Prog39

<html>

<head>

<title></title>

<style>

H6

Color:blue; font-family: Verdana

</style>

</head>

<body>

<h6>Omega Degree College<sup><img src=”E:\BHAKTHI\copyright-symbol.png” height=50


width=50></img><img src=”E:\BHAKTHI\trademark.jpg” height=50 width=50></sup></img></h6>

</body>

</html>

Prog40

<html>

<head>

<title>

Using form tag

</title>

</head>

<body>

<br><br><br>

<h1 align = “center”><u><b>SIGN IN</b></u></h1>

<br>

<div align = “center”>

<p style=”margin-right:65px”><b>User Name:</b></p>


<input type = “text” placeholder= “User Id” ></input>

<br><br><br><br><br>

<p style=”margin-right:75px”><b>Password</b></p>

<input type = “password” placeholder=”Password”></input>

<br><br><br><br>

<button>Log In</button>

<br><br>

</div>

<br><br><br>

</body>

</html>

Prog11

<html>

<head>

<title>Nested Table</title>

</head>

<body>

<table border=2 align=center cellspadding=5>

<tr>

<td>

<table border=2>

<tr>

<td>Rubber

<td>baby

<tr>

<td>buggy

<td>bumpers

</tr>
</table>

<td>

<table border=2>

<tr>

<td>She

<td>sells

<tr>

<td>sea

<td>shells

</tr>

</table>

</table>

</body>

</html>

Prog15

<html>

<head>

<title>Marquee</title>

</head>

<body text=”blue”>

<h1 align=”center”>Marquee of Image</h1>

<marquee><img src=”E:\BHAKTHI\omegalogo.png” height=100 width=100></marquee>

</body>

</html>

Prog28

<html>

<head>

<title>using paragraphs&horizontal line</title>

</head>
<body>

<p align=”left”><font color=”sky-blue”><h3><b>Facebook : </b></h3>

This is easily the largest social networking site in the world and one of the most widely used. And,
Facebook was perhaps the first that surpassed the landmark of 1 billion user accounts.Apart from the
ability to network with friends and relatives, you can also access different Facebook apps to sell online
and you can even market or promote your business, brand and products by using paid Facebook
ads.</font></p><br><br><hr><br><br>

<h3 style=”text-align:center;color:red”>Whatsapp:</h3>

<p align=”center”><font color=”red”>

WhatsApp is free to download messenger app for smartphones. WhatsApp uses the internet to send
messages, images, audio or video.<br>

The service is very similar to text messaging services, however, because WhatsApp uses the internet to
send messages, the cost <br>

Of using WhatsApp is significantly less than texting. You can also use Whatsapp on your desktop,simply
go to the Whatsapp<br>

Website and download it to Mac or Windows. Reaching the 1 billion mark in July
2017.</font></p><br><br><hr><br><br>

<h3 style=”text-align:right;color:orange”>Instagram:</h3>

<p align = “right”><font color = “orange”>

Instagram Stories allows users to post a selection of photos/videos into one story.<br>

The new feature works in much the same way as Snapchat Stories, with stories disappearing after 24
hours.<br>

Instagram Stories are not posted to a users profile or on the Newsfeed. <br>

Instagram Stories follow the same privacy settings as a users’ Instagram


profile.<br></font></p><br><br><br>

</body>

</html>

Prog30

Stylesheet.css

H1

Display: block;
Text-align:center;

Font-weight: bold;

Color:dodgerblue;

Main.html

<html>

<head>

<title>using extrenal stylesheet</title>

<link href = “stylesheet.css” rel=”stylesheet” type=”text/css”></link>

</head>

<body>

<h1>This is heading 1</h1>

</body>

</html>

Prog33

<html>

<head>

<title>using h6 tag</title>

</head>

<body>

<h6 style=”color:blue;background-color:yellow;text-align:center”>Vasundara Degree College</h6>

<hr style=”border:1px solid black;”>

<h2>Facilities: </h2>

<h4>1.Infrastructure</h4>

<p>Each Classrooms are well Ventilated with proper sunlight and fans. The benches have been designed
in such a way which would help the student in sitting erect in the right posture. The glass boards are
installed in every classroom which minimize the usage of chalkpiece in keeping the classroom dust
free.</p>

<h4>2.Biometric Attendance System</h4>


<p>Biometric Attendance system has been introduced for the first time in Vasundara Colleges areas of
ECIL &Moula-ali. In this system as soon as the student enters the college premises and swipes one’s
photo Id Card in the machine their attendance gets marked. The time of entry and simultaneously exit
time would be sent as SMS immediately to the registered mobile number of the Parents/Guardian.</p>

<h4>3.Computer Science Laboratory</h4>

<p>All the three campus have well equipped laboratories in all the subjects. The Computer Science lab
stands majestic with its black LED monitors and fully configurated cutting edge technology systems.
Students are given free access to internet. There is a permanently fitted LCD Projector in the lab which
enables the staff to conduct classes in an interactive manner.</p>

<h4>4.Chemistry Laboratory</h4>

<p>The Chemistry laboratory is the beauty of the college, which speaks volumes about the
managements endeavour for perfection and excellence. The O.U inspection panel commends the lab for
its planning, infrastructure and maintenance and recommends it to one of the ideal labs in the city
colleges. The honorable members of the University’s inspection panel have voluntarised in writing
letters of appreciation to the management.</p>

<h4>5.English Language Lab</h4>

<p>The English Language lab with its systems fitted with ear phones helps the students learn
communication skills. This audio-visual technique of teaching skills to the students has proved successful
when the students attend for jobs interviews.</p>

<h4>6.Library</h4>

<p>Each of our campuses has large libraries with O.U prescribed reference books on all subjects. Library
hosts corners of silence for the students to refer books, Newspapers both English and Telugu, Magazines
and journals are subscribed for the benefit of students and staff. Sets of Question banks in all subjects
are kept in the libraries to help the students during the time of Examinations.</p>

</body>

</html>

Prog37

<html>

<head>

<title>Using image</title>

</head>

<body>

<table border=2 align=center>

<tr>
<td colspan=3>Ecommerce

</tr>

<tr>

<td> E<br>c<br>o<br>m<br>m<br>e<br>r<br>c<br>e<br>

<td><img src=”C:\Users\user\Documents\4.jpg” height=100 width=100>

<td> E<br>c<br>o<br>m<br>m<br>e<br>r<br>c<br>e<br>

</tr>

<tr>

<td colspan=3>Ecommerce

</tr>

</table>

</body>

</html>

Prog45

<html>

<head>

<title>Image</title>

</head>

<body>

<table border=2 align=center>

<tr>

<td> E<br>c<br>o<br>m<br>m<br>e<br>r<br>c<br>e<br>

<td><img src=”C:\Users\user\Documents\4.jpg” height=100 width=100>

<td> E<br>c<br>o<br>m<br>m<br>e<br>r<br>c<br>e<br>

</tr>

</table>

</body>

</html>

Prog46
<html>

<title>Deafult themes</title>

<meta name=”viewport” content=”width=device-width, initial-scale=1”>

<link rel=”stylesheet” href=https://www.w3schools.com/w3css/4/w3.css>

<link rel=”stylesheet” href=https://www.w3schools.com/lib/w3-theme-blue.css>

<style>

.w3-theme-gradient {

Color: #000 !important;

Background:-webkit-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

.w3-theme-gradient {

Color: #000 !important;

Background:-moz-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

.w3-theme-gradient {

Color: #000 !important;

Background:-o-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

.w3-theme-gradient {

Color: #000 !important;

Background:-ms-linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

.w3-theme-gradient {

Color: #000 !important;

Background: linear-gradient(top,#64B5F6 25%,#42A5F5 75%)}

</style>

<body>

<div class=”w3-card-4”>

<div class=”w3-container w3-theme w3-card”>

<h1>WELCOME</h1>

</div>

<div class=”w3-container w3-text-theme”>

<h2>OSMANIA UNIVERSITY</h2></div>
<ul class=”w3-ul w3-border-top”>

<li class=”Examination Bram”>

<a class=”w3-button w3-xlarge w3-circle w3-theme-action”

Style=”position:fixed;top:48px;right:24px;”>+</a>

<p>Examination Branch</p>

</li>

<li class=”w3-theme-l4”>

<p>Administration</p>

</li>

<li class=”w3-theme-l3”>

<p>Academics</p>

</li>

<li class=”w3-theme-l2”>

<p>research</p>

</li>

<li class=”w3-theme-l1”>

<p>Student Support</p>

</li>

<li class=”w3-theme”>

<p>College login</p>

</li>

<li class=”w3-theme-d1”>

<p>Examinations Results</p>

</li>

<li class=”w3-theme-d2”>

<p>Foreign studies</p>

</li>

<li class=”w3-theme-d3”>

<p>Statistical cell</p>
</li>

<li class=”w3-theme-d4”>

<p>UGC </p>

</li>

<li class=”w3-theme-gradient”>

<p>Distance education</p>

</li>

</ul>

</div>

</body>

</html>

Prog47

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

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

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

</select>

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

<!----- City --------------------------------------------------------→

<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=”checkbox” name=”India” value=”India” /> India

<input type=”checkbox” name=”Foreign” value=”Foreign” /> Foreign

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

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

<td></td>

<td align=”center”>(10 char max)</td>

<td align=”center”>(upto 2 decimal)</td>

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

Prog24

<html>

<head>

<title>using textbox,drop down</title>

</head>

<body>

<h1>Credit Card Details</h1>

<br>

<table align=”center”>
<tr>

<td>Card Numer :

<td><input type= “text” />

</tr>

<tr>

</tr>

<tr>

</tr>

<td>Cardholder Name:

<td><input type=”text” value=”first name” /><input type=”text” value=”last name”>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>Expiration Date :

<td> Months<select>

<option>1

<option>2

<option>3

<option>4

<option>5

<option>6

<option>7

<option>8

<option>9

<option>10

<option>11
<option>12

</select>

Years <select>

<option>2012

<option>2013

<option>2014

<option>2015

<option>2016

<option>2017

<option>2018

<option>2019

<option>2020

<option>2021

<option>2022

<option>2023

<option>2024

<option>2025

<option>2026

<option>2027

<option>2028

<option>2029

</select>

</tr>

<tr>

<td>CV number

<td><input type = “text”/>

</tr>

<tr>

<td>Country/Region:
<td><input type=”text”/>

</tr>

<tr>

<td>City and State:

<td><input type=”text”/>

</tr>

<tr>

<td><input type = “submit” value=”Confirm and Pay”/>

</tr>

</table>

</body>

<html>

Prog48

<html>

<head>

<title>multilevel list</title>

</head>

<body>

<ol>

<li>First</li>

<li>Second

<ol style=”list-style-type: lower-alpha; padding-bottom: 0;”>

<li style=”margin-left:2em”>Sub of Second</li>

<li style=”margin-left:2em; padding-bottom: 0;”>Another Sub</li>

</ol>

</li>

<li>Third</li>

<li>Fourth </li>

</ol>
</body>

</html>

Prog38

<html>

<head>

<title>App of E-commerce</title>

</head>

<body>

<h1>Applications of E-commerce</h1>

<p align=”left”><font color=”sky-blue”><h3>E-Marketing </h3>

E-marketing is the process of marketing a product or <br>service using the Internet. E-markerting not
only includes <br>marketing on the Internet, but also includes marketing<br> done via e-mail and
wireless media. It uses a range of <br>technologies to help connect businesses to their customers.<br>

</font></p><br>

<h3 style=”text-align:right;color:red”>E-shopping</h3>

<p align=”right”><font color=”red”>

Online shopping is a form of electronic commerce which allows <br>consumers to directly buy goods or
services from a seller over the<br> Internet using a web browser. When an online store is set up to<br>
enable businesses to buy from another businesses,the process is<br> called business-to-business (B2B)
online shopping.

</font></p><br>

<h3 style=”text-align:center;color:orange”>E-Banking</h3>

<p align = “center”><font color = “orange”>

Online banking, also known as internet banking, is an electronic <br>payment system that enables
customers of a bank or other<br> financial institution to conduct a range of financial transactions
through<br> the financial institution’s website. The online banking system will typically<br> connect to
or be part of the core banking system operated by a bank and is in<br> contrast to branch banking
which was the traditional way <br>customers accessed banking services.<br>

</font></p><br>

<h3 style=”text-align:justify;color:purple”>E-Learning</h3>

<p align = “justify”><font color = “purple”>


Understanding eLearning is simple. eLearning is learning utilizing<br> electronic technologies to access
educational curriculum<br> outside of a traditional classroom. In most cases,it refers to a course,<br>
program or degree delivered completely online.<br>

</font></p>

</body>

</html>

Prog39

<html>

<head>

<title></title>

<style>

H6

Color:blue; font-family: Verdana

</style>

</head>

<body>

<h6>OmegaDegree College<sup><img src=”E:\BHAKTHI\copyright-symbol.png” height=50


width=50></img><img src=”E:\BHAKTHI\trademark.jpg” height=50 width=50></sup></img></h6>

</body>

</html>

Prog40

<html>

<head>

<title>

Using form tag

</title>

</head>

<body>
<br><br><br>

<h1 align = “center”><u><b>SIGN IN</b></u></h1>

<br>

<div align = “center”>

<p style=”margin-right:65px”><b>User Name:</b></p>

<input type = “text” placeholder= “User Id” ></input>

<br><br><br><br><br>

<p style=”margin-right:75px”><b>Password</b></p>

<input type = “password” placeholder=”Password”></input>

<br><br><br><br>

<button>Log In</button>

<br><br>

</div>

<br><br><br>

</body>

</html>

You might also like