Design A Student Registration From

HTML
Design a student registration from-

<html>
<title>
Application Form
</title>
<head>
</head>
<marquee>
<h1 align="center" style="color:#FF6600">STUDENT REGISTRATION FORM</h1>
</marquee></h2>
<body>
<form name="registration" action="submitform.html" method="post">
<table width="75%" border="5" align="center" bgcolor="#FF0000"

style="color: #000000">
<tr>
<td>Name:</td><td><input type="text" name="Name" id="Name"

value=""></td>
</tr>
<tr>
<td>Gender:</td><td><input type="radio" name="Gender"

id="Male" value="">Male<input type="radio" name="Gender" id="Female"
value="">Female<input type="radio" name="Gender" id="Other" value="">Other</td>
</tr>
<tr>
<td>DOB:</td><td><input type="text" name="DOB" id="DOB"

value=""></td>
</tr>
<tr>
<td>Email:</td><td><input type="text" name="Email" id="Email"

value=""></td>
</tr>
<tr>
<td>Password:</td><td><input type="Password" name="Password"

id="Password" value=""></td>
</tr>
<tr>
<td>College Name:</td><td><input type="text" name="College

Name" id="College Name" value=""></td>
</tr>
<tr>
<td>University Name:</td><td><input type="text"

name="University Name" id="University Name" value=""></td>
</tr>
<tr>
<td>Graduation Year:</td><td><input type="text"

name="Graduation Year" id="Graduation Year" value=""></td>
</tr>
<tr>
<td>Branch:</td><td><input type="text" name="Branch"

id="Branch" value=""></td>
</tr>
<tr>
<td>Current Aggrigate %:</td><td><input type="text"

name="Current Aggrigate %" id="Current Aggrigate %" value=""></td>
</tr>
<tr>
<td>Enrollment No.:</td><td><input type="text"

name="Enrollment No." id="Enrollment No." value=""></td>
</tr>
<tr>
<td>Mobile No.:</td><td><input type="text" name="Mobile No.:"

id="Mobile No.:" value=""></td>
</tr>
<tr>
<td>Select State:</td>
<td>
<select name="State" id="State">
<option value="1">Andhra
Pradesh</option>
<option value="2">Arunachal
Pradesh</option>
<option value="3">Assam</option>
<option value="4">Bihar</option>
<option
value="5">Chhattisgarh</option>
<option value="6">Goa</option>
<option value="7">Gujrat</option>
<option value="8">Harayana</option>
<option
value="9">HimachalPradesh</option>
<option value="10">Jammu &

Kashmir</option>
<option
value="11">Jharkhand</option>
<option
value="12">Karnataka</option>
<option value="13">Kerala</option>
<option value="14">Madhya
Pradesh</option>
<option
value="15">Maharashtra</option>
<option value="16">Manipur</option>
<option
value="17">Meghalaya</option>
<option value="18">Mizoram</option>
<option
value="19">Nagaland</option>
<option value="20">Odisha</option>
<option value="21">Panjab</option>
<option
value="22">Rajasthan</option>
<option value="23">Sikkim</option>
<option
value="24">Tamilnadu</option>
<option value="25">Tripura</option>
</select>
</td>
</tr>
<tr>
<td>Address:</td><td>
<textarea rows="3" cols="15" name="Address"

id="Address"></textarea>
</td>
</tr>
<tr>
<td>Hobby:</td><td><input type="checkbox" name="cricket"

id="cricket" value="cricket">Cricket
<input type="checkbox"
name="hocky" id="hocky" value="hocky">Hockey
name="badminton" id="badminton" value="hocky">Badminton
name="singing" id="singing" value="singing">Singing
name="other" id="other" value="other">Other
</td>
</tr>
<tr>
<td>Comment:</td><td>
<textarea rows="3" cols="12" name="comment"

id="comment"></textarea>
</td>
</tr>
<tr>
<td> </td><td>
<input type="hidden" name="myvalue" value="100">
<input type="submit" name="submit" value="SUBMIT"></td>
</tr>
</table>
</form>
</body>
</html>
OUTPUT
Design a student record table-
<html>
<title>
STUDENTS RECORD
</title>
<head>
</head>
<h1 align="center" style="color:#FF6600">STUDENT RECORD</h1>
<body>
<table align="center" border="3" width="50%">
<tr>
<td align="center">S.No.</td>
<td align="center">Student Name</td>
<td align="center">Roll No.</td>
<td align="center">Branch</td>
<td align="center">Division</td>
</tr>
<tr>
<td align="center">01</td>
<td align="center">Apeksha Bhati</td>
<td align="center">0828CS121010</td>
<td align="center">C.S.E.</td>
<td align="center">First</td>
</tr>
<tr>
<td align="center">Gurmeet Kour</td>
<td align="center">second</td>
</tr>
<tr>
<td align="center">Divya Gupta</td>
<td align="center">first</td>
</tr>
<tr>
<td align="center">pooja Dhuldhoye</td>
<td align="center">second</td>
</tr>
<tr>
<td align="center">Nikita Sharma</td>
<td align="center">thired</td>
</tr>
<tr>
<td align="center">Neha Sharma</td>
<td align="center">First</td>
</tr>
</body>
</html>
OUTPUT
Design a table with image-
<html>
<title>
Image Information
</title>
<head>
</head>
<body bgcolor="#CCCCCC">
<h1 align="center">There will be image</h1>
<table align="center" border="1" width="50%">
<tr>
<td>Image Name</td>
<td>Image</td>
</tr>
<tr>
<td>First image</td>
<td><img src="images/SM90215.jpg" width="100px"

height="100px"></td>
</tr>
<tr>
<td>Second image</td>
<td><img src="images/SM118096.jpg" width="100px"

height="100px"></td>
</tr>
</table>
</body>
</html>
OUTPUT
Design a page with div and CSS-
<html>
<title>
MY DIVISION PAGE
</title>
<head>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<!body
background-color:#CCCCCC;
#main{
background-color:#999933;
width:1008px;
min-height:495px;
height:auto;
#header{
background-color:#6699CC;
width:1008px;
min-height:50px;
height: auto;
text-align:center;
float:left
#middle
background-color:#999966;
width:1008px;
min-height:400px;
height:auto;
text-align:center;
float:left
#footer{
background-color:#CC6600;
width:1008px;
min-height:45px;
height:auto;
text-align:center;
float:left
}-->
</head>
<body>
<div id="main">
<div id="header">HEADER</div>
<div id="middle">MIDDLE</div>
<div id="footer">FOOTER</div>
</div>
</body>
</html>
OUTPUT
XML
Design a page with XML-
<?xml version="1.0"?>
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note1>
OUTPUT
<?xml version="1.0" encoding="ISO-8859-1"?>
<note>
<to>Tove</to>
<from>Jani</from>
</note>
OUTPUT
<?xml-stylesheet type="text/css" href="cd_catalog.css"?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Hide your heart</TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS Records</COMPANY>
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
</CATALOG>
OUTPUT

<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>two of our famous Belgian Waffles with plenty of real maple

syrup</description>
<calories>650</calories>
</food>
<food>
<name>Strawberry Belgian Waffles</name>
<description>light Belgian waffles covered with strawberries and whipped

cream</description>
</food>
<food>
<name>Berry-Berry Belgian Waffles</name>
<description>light Belgian waffles covered with an assortment of fresh berries

and whipped cream</description>
</food>
<food>
<name>French Toast</name>
<description>thick slices made from our homemade sourdough

bread</description>
</food>
<food>
<name>Homestyle Breakfast</name>
<description>two eggs, bacon or sausage, toast, and our ever-popular hash

browns</description>
</food>
</breakfast_menu>
OUTPUT
<?xml version="1.0" ?>
<note>
<to>Move</to>
<from>Jani</Ffrom>
</note>
OUTPUT
Design a page with HTML and validation through JAVA SCRIPT-
<html>
<title>Application Form</title>
<head>
<script type="text/javascript" language="javascript">
function validate()
var name= document.getElementById('first_name').value;
var email= document.getElementById('email').value;
var password= document.getElementById('password').value;
var male= document.getElementById('male').checked;
var female= document.getElementById('female').checked;
var mycity= document.getElementById('mycity').value;
var cricket= document.getElementById('cricket').checked;
var hocky= document.getElementById('hocky').checked;
var other= document.getElementById('other').checked;
var error='';
if(name=='')
error+="Please Enter Your Name\n";
}
if(email=='')
error+="Please Enter Your Email\n";
else{
reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
if(reg.test(email) == false) {
error += 'Please Enter currect email ID \n ';
if(password=='')
error+="Please Enter Your Password\n";
if(male=='' && female=='')
error+="Please select Gender\n";
if(mycity=='select')
error+="Please select City\n";
if(cricket=='' && hocky=='' && other=='')
error+="Please select your hobby\n";
}
if(error!='')
alert(error);
return false;
else
return true;
</script>
</head>
<h2 align="center" style="color:#FF6600">REGISTRATION FORM</h2>
</h2>
<body>
<form name="registration" action="javas2.html" method="post" onsubmit='return

validate();'>
<table width="50%" border="0" align="center" bgcolor="#6666CC"

style="color:#FFFFFF">
<tr>
<td>Name<span style="color:#FF0000">* </span></td>
<td><input type="text" name="fname" id="first_name" value=""></td>
</tr>
<tr>
<td>Email<span style="color:#FF0000">* </span></td>
<td><input type="text" name="Email" id="email" value=""></td>
</tr>
<tr>
<td>Password<span style="color:#FF0000">* </span></td>
<td><input type="password" name="password" id="password" value=""></td>
</tr>
<tr>
<td>Gender<span style="color:#FF0000">* </span></td>
<td><input type="radio" name="gender" id="male" value="">
Male
<input type="radio" name="gender" id="female" value="">
Female</td>
</tr>
<tr>
<td>Select City<span style="color:#FF0000">* </span></td>
<td><select name="city" id="mycity">
<option value="select">Select City</option>
<option value="1">Indore</option>
<option value="2">Bhopal</option>
<option value="3">Gwalior</option>
</select>
</td>
</tr>
<tr>
<td>Hobby<span style="color:#FF0000">* </span></td>
<td><input type="checkbox" name="cricket" id="cricket" value="cricket">
Cricket
<input type="checkbox" name="hocky" id="hocky" value="hocky">
Hockey
<input type="checkbox" name="other" id="other" value="other">
Other </td>
</tr>
<tr>
<td>Comment:</td>
<td><textarea rows="3" cols="12" name="comment" id="comment"></textarea>
</td>
</tr>
<tr>
<td> </td>
<td><input type="hidden" name="myvalue" value="100">
<input type="submit" name="submit" value="SUBMIT"></td>
</tr>
</table>
</form>
</body>
</html>
OUTPUT
Design a page with HTML and validation through JAVA SCRIPT-
<html>
<title></title>
<head>
</head>
<body>
Thank You For Submission
<a href="javscript.html">BACK</a>
</body>
</html>
OUTPUT
What is web browser and history of web browser-
A web browser is a software application for retrieving, presenting, and traversing information resources on the
World Wide Web. An information resource is identified by a Uniform Resource Identifier (URI) and may be a web
page, image, video, or other piece of content. Hyperlinks present in resources enable users easily to navigate their
browsers to related resources. A web browser can also be defined as an application software or program designed to
enable users to access, retrieve and view documents and other resources on the Internet.
Although browsers are primarily intended to access the World Wide Web, they can also be used to access
information provided by web servers in private networks or files in file systems. The major web browsers are Firefox,
Google Chrome, Internet Explorer, Opera, and Safari.
List of Web Browsers

This is a table of personal computer web browsers by year of release of major version, in chronological order,
with the approximate number of worldwide Internet users in millions. Note that Internet user data is related to the
entire market, not the versions released in that year. The increased growth of the Internet in the 1990s and 2000s
means that current browsers with small market shares have more total users than the entire market early on. For
example, 90% market share in 1997 would be roughly 60 million users, but by the start of 2007 9% market share
would equate to over 90 million users.
Internet users
Year Web browsers
(in millions)
1991 WorldWideWeb (Nexus) 4
1992 ViolaWWW, Erwise, MidasWWW, MacWWW (Samba) 7
1993 Mosaic, Cello, Lynx 2.0, Arena, AMosaic 1.0 10
IBM WebExplorer, Netscape Navigator, SlipKnot

1994 21
1.0, MacWeb, IBrowse,Agora (Argo), Minuet
Internet Explorer 1, Netscape Navigator 2.0, OmniWeb, UdiWWW, Internet

1995 16-40
Explorer 2, Grail
Arachne 1.0, Internet Explorer 3.0, Netscape Navigator 3.0, Opera 2.0,
1996 36-74
PowerBrowser 1.5, Cyberdog, Amaya 0.9, AWeb, Voyager
Internet Explorer 4.0, Netscape Navigator 4.0, Netscape Communicator 4.0,Opera

1997 70-119
3.0, Amaya 1.0
1998 iCab, Mozilla 147-186
1999 Amaya 2.0, Mozilla M3, Internet Explorer 5.0 248-279
2000 Konqueror, Netscape 6, Opera 4, Opera 5, K-Meleon 0.2, Amaya 3.0, Amaya 4.0 361-393
2001 Internet Explorer 6, Galeon 1.0, Opera 6, Amaya 5.0 513-494
2002 Netscape 7, Mozilla 1.0, Phoenix 0.1, Links 2.0, Amaya 6.0, Amaya 7.0 587-673
2003 Opera 7, Safari 1.0, Epiphany 1.0, Amaya 8.0 719-783
2004 Firefox 1.0, Netscape Browser, OmniWeb 5.0 817-909
Safari 2.0, Netscape Browser 8.0, Opera 8, Epiphany 1.8, Amaya 9.0, AOL
2005 1018-1021
Explorer 1.0, Maxthon 1.0, Shiira 1.0
2006 SeaMonkey 1.0, K-Meleon 1.0, Galeon 2.0, Camino 1.0, Firefox 1093-1146
2.0, Avant11, iCab 3, Opera 9, Internet Explorer 7, Sputnik
2007 Maxthon 2.0, Netscape Navigator 9, NetSurf 1.0, Flock 1.0, Safari 3.0,Conkeror 1319-1357
Konqueror 4, Safari 3.1, Opera 9.5, Firefox 3, Amaya 10.0, Flock 2,Chrome 1,
2008 1574-1586
Amaya 11.0
Internet Explorer 8, Chrome 2-3, Safari 4, Opera 10, SeaMonkey 2, Camino

2009 1802
2, Firefox 3.5
2010 K-Meleon 1.5.4, Firefox 3.6, Chrome 4-8, Opera 10.50, Safari 5, xxxterm, Opera 11 1971
Chrome 9-16, Firefox 4-8, Internet Explorer 9, Maxthon 3.0, SeaMonkey 2.1-
2011 2095
2.3, Opera 11.50, Safari 5.1
What is Firewall and its types-
A firewall is a set of related programs, located at a network gateway server, that protects the resources
of a private network from users from other networks. (The term also implies the security policy that is used
with the programs.) An enterprise with an intranet that allows its workers access to the wider Internet installs a
firewall to prevent outsiders from accessing its own private data resources and for controlling what outside
resources its own users have access to.
Basically, a firewall, working closely with a router program, examines each network packet to
determine whether to forward it toward its destination. A firewall also includes or works with a proxy
server that makes network requests on behalf of workstation users. A firewall is often installed in a specially
designated computer separate from the rest of the network so that no incoming request can get directly at
private network resources
A number of companies make firewall products. Features include logging and reporting, automatic
alarms at given thresholds of attack, and a graphical user interface for controlling the firewall .
Types of firewalls
1. Packet filters
Packet filters are one of several different types of firewalls that process network traffic on a packet-by-packet
basis. Their main job is to filter traffic from a remote IP host, so a router is needed to connect the internal network to
the Internet. The router is known as a screening router, which screens packets leaving and entering the network.
2. Circuit-level gateways
The circuit-level gateway is a proxy server that statically defines what traffic will be allowed. Circuit proxies
always forward packets containing a given port number, provided the port number is permitted by the rules set. This
gateway operates at the network level of an OSI model. The main advantage of a proxy server is its ability to
provide Network Address Translation (NAT), which can hide the user's IP address from the Internet, effectively
protecting all internal information from the Internet.
3. Application-level gateways
An application-level gateway is a proxy server operating at the TCP/IP application level. A packet is
forwarded only if a connection is established using a known protocol. Application-level gateways are notable for
analyzing entire messages rather than individual packets of data when the data are being sent or received.
Write short note on the following-
1. Digital Signature
Digital signatures can be used to distribute a message in plaintext form when the recipients must identify and
verify the message sender. Signing a message does not alter the message; it simply generates a digital signature string
you can either bundle with the message or transmit separately. A digital signature is a short piece of data that is
encrypted with the sender's private key. Decrypting the signature data using the sender's public key proves that the
data was encrypted by the sender or by someone who had access to the sender's private key.
Digital signatures are generated by using public key signature algorithms. A private key generates the signature, and
the corresponding public key must be used to validate the signature. This process is shown in the following
illustration.
There are two steps involved in creating a digital signature from a message. The first step involves creating
a hash value (also known as a message digest) from the message. This hash value is then signed, using the signer's
private key. The following is an illustration of the steps involved in creating a digital signature.
To verify a signature, both the message and the signature are required. First, a hash value must be created
from the message in the same way the signature was created. This hash value is then verified against the signature by
using the public key of the signer. If the hash value and the signature match, you can be confident that the message is
indeed the one the signer originally signed and that it has not been tampered with. The following diagram illustrates
the process involved in verifying a digital signature.
A hash value consists of a small amount of binary data, typically around 160 bits. This is produced by using
a hashing algorithm. A number of these algorithms are listed later in this section.
All hash values share the following properties, regardless of the algorithm used:
The length of the hash value is determined by the type of algorithm used, and its length does not vary with the
size of the message. The most common hash value lengths are either 128 or 160 bits.
Every pair of non-identical messages translates into a completely different hash value, even if the two
messages differ only by a single bit. Using today's technology, it is not feasible to discover a pair of messages
that translate to the same hash value without breaking the hashing algorithm.
Each time a particular message is hashed using the same algorithm, the same hash value is produced.
All hashing algorithms are one-way. Given a hash value, it is not possible to recover the original message. In
fact, none of the properties of the original message can be determined given the hash value alone.
2. Meta Search Engine
A Meta search engine is a search tool that sends user requests to several other search engines and/or databases
and aggregates the results into a single list or displays them according to their source. Meta search engines enable
users to enter search criteria once and access several search engines simultaneously. Meta search engines operate on
the premise that the Web is too large for any one search engine to index it all and that more comprehensive search
results can be obtained by combining the results from several search engines. This also may save the user from having
to use multiple search engines separately.
The term "meta search" is frequently used to classify a set of commercial search engines, see the list of search engines,
but is also used to describe the paradigm of searching multiple data sources in real time. The National Information
Standards Organization (NISO) uses the terms Federated Search and Meta search interchangeably to describe this web
search paradigm.
Meta search engines create what is known as a virtual database. They do not compile a physical database or
catalogue of the web. Instead, they take a user's request, pass it to several other heterogeneous databases and then
compile the results in a homogeneous manner based on a specific algorithm.
No two Meta search engines are alike. Some search only the most popular search engines while others also
search lesser-known engines, newsgroups, and other databases. They also differ in how the results are presented and
the quantity of engines that are used. Some will list results according to search engine or database. Others return
results according to relevance, often concealing which search engine returned which results. This benefits the user by
eliminating duplicate hits and grouping the most relevant ones at the top of the list.
Search engines frequently have different ways they expect requests submitted. For example, some search
engines allow the usage of the word "AND" while others require "+" and others require only a space to combine
words. The better Meta search engines try to synthesize requests appropriately when submitting them.
Architecture of a Meta search Engine
3. Directory Search Engine
Search engines which use human indexers rather than spiders. When a site is submitted to such a
search engine it is read by an indexer who decides whether to list it and, if so, indexes it in a directory
structure. The best-known search engine in this category is YAHOO.
Yahoo One of the most popular SEARCH ENGINES on the WORLD WIDE WEB. It is unusual in
that it uses human indexers to categorize and catalogue a site rather than a spider. There is a junior version
known as YAHOO LIGANS. It is very difficult for a site to get listed in Yahoo. Once listed, however,
the traffic to your site increases greatly.
4. HTTP Protocol
HTTP Protocol stands for Hyper Text Transfer Protocol. It is the protocol used to convey information
of World Wide Web (WWW). HTTP protocol is a stateless and connectionless protocol. HTTP is called as a
stateless protocol because each command is request is executed independently, without any knowledge of the
requests that were executed before it. It is the protocol used for the web. It is based on a request/request
paradigm. In this protocol the communication generally takes place over a TCP/IP protocol.
There are three important things about HTTP :
HTTP is connectionless: After a request is made, the client disconnects from the server and waits for a
response. The server must re-establish the connection after it process the request.
HTTP is media independent: Any type of data can be sent by HTTP as long as both the client and server
know how to handle the data content. How content is handled is determined by the MIME specification.
HTTP is stateless: This is a direct result of HTTP's being connectionless. The server and client are aware of
each other only during a request. Afterwards, each forgets the other. For this reason neither the client nor the
browser can retain information between different request across the web pages.
Following diagram shows where HTTP Protocol fits in communication:

HTTP Request Methods:
1) GET Method: The Get method is used to getting the data from the server. Get method appends the parameters
passed as query string to a URL, in the form of key- value pairs. for example, if a parameter is name = Williams, then
this string will be appended in the URL. By default the method is Get.
2) POST Method: The post method is used for sending data to the server. In post method the query string is
appended along the request object, they do not get appended in the URL, so parameters transfer in hidden form.
3) HEAD Method: When a user wants to know about the headers, like MIME types, charset, Content- Length then
we use Head method. With this no body content is returned. These three are commonly used methods of jsp while Get
and Post methods are most widely used. There are more methods of http protocols which are rarely used by they have
been given here for your knowledge.
4) TRACE Method: Trace on the jsp resource returns the content of the resource. Asks for a loopback of the request
message, so that the use can see what is being recieved on the other side .
5) DELETE Method: It is used for delete the resources, files at the requested URL
6) OPTIONS Method: It lists the Http methods to which the thing at the requested URL can respond.
7) PUT Method: It put the enclosed information at the requestedURL.
8) CONNECT Method: It connects for the purpose of tunneling.
5. FTP Protocol
File Transfer Protocol (FTP) is a standard Internet protocol for transmitting files between computers on the
Internet. Like the Hypertext Transfer Protocol (HTTP), which transfers displayable Web pages and related files, and
the Simple Mail Transfer Protocol (SMTP), which transfers e-mail, FTP is an application protocol that uses the
Internet's TCP/IP protocols. FTP is commonly used to transfer Web page files from their creator to the computer
that acts as their serverfor everyone on the Internet. It's also commonly used to download programs and other files to
your computer from other servers.
As a user, you can use FTP with a simple command line interface (for example, from the Windows MS-DOS
Prompt window) or with a commercial program that offers a graphical user interface. Your Web browser can also
make FTP requests to download programs you select from a Web page. Using FTP, you can also update (delete,
rename, move, and copy) files at a server. You need to logon to an FTP server. However, publicly available files are
easily accessed using anonymous FTP.
As shown in the following diagram, FTP uses separate command and data connections. The Protocol
Interpreter (PI) implements the FTP protocol itself, while the Data Transfer Process (DTP) actually performs data
transfer. The FTP protocol and the data transfer use entirely separate TCP sessions.
-------------
|/---------\|
|| User || --------
||Interface|<--->| User |
|\----^----/| --------
---------- | | |
|/------\| FTP Commands |/----V----\|
||Server|<---------------->| User ||
|| PI || FTP Replies || PI ||
|\--^---/| |\----^----/|
| | | | | |
-------- |/--V---\| Data |/----V----\| --------
| File |<--->|Server|<---------------->| User |<--->| File |
|System| || DTP || Connection || DTP || |System|
-------- |\------/| |\---------/| --------
---------- -------------
Server-FTP USER-FTP
NOTES: 1. The data connection may be used in either direction.

2. The data connection need not exist all of the time.
FTP servers listen on port 21. Data connections are initiated by the server from its port 20, to a port on the
client identified in a PORT command.
Write HTML Tag with description-
HTML is a language for describing web pages.
HTML stands for Hyper Text Markup Language
HTML is not a programming language, it is a markup language
A markup language is a set of markup tags
HTML uses markup tags to describe web pages
TAG WITH DEFINITION & USAGE-
HTML  Tag
The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers. You can
use comments to explain your code, which can help you when you edit the source code at a later date. This is
especially useful if you have a lot of code. It is also a good practice to use the comment tag to hide scripts from
browsers without support for it
<!DOCTYPE>
He <!DOCTYPE> declaration must be the very first thing in your HTML document, before the <html> tag. The <!
DOCTYPE> declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the
page is written in. The <!DOCTYPE> declaration refers to a Document Type Definition (DTD). The DTD specifies
the rules for the markup language, so that the browsers render the content correctly.
HTML <a> Tag
The <a> tag defines an anchor. An anchor can be used in two ways:
1. To create a link to another document, by using the href attribute
2. To create a bookmark inside a document, by using the name attribute
The <a> element is usually referred to as a link or a hyperlink. The most important attribute of the <a> element is the
href attribute, which indicates the links destination. By default, links will appear as follows in all browsers:
An unvisited link is underlined and blue
A visited link is underlined and purple
An active link is underlined and red
HTML <abbr> Tag
The <abbr> tag describes an abbreviated phrase. By marking up abbreviations you can give useful information to
browsers, spell checkers, translation systems and search-engine indexers.
HTML <acronym> Tag
The <acronym> tag defines an acronym. An acronym can be spoken as if it were a word, example NATO, NASA,
ASAP, GUI. By marking up acronyms you can give useful information to browsers, spell checkers, translation systems
and search-engine indexers.
HTML <address> Tag
The <address> tag defines the contact information for the author or owner of a document. This way, the reader is able
to contact the document's owner. The <address> element is usually added to the header or footer of a webpage.
HTML <applet> Tag
The <applet> element is deprecated in HTML 4.01. The <applet> tag defines an embedded applet.
HTML <area> Tag
The <area> tag defines an area inside an image-map. The <area> element is always nested inside a <map> tag.
HTML <tt> <i> <b> <big> <small> Tags
The <tt>, <i>, <b>, <big>, and <small> tags are all font-style tags. Font-style tags are defined in HTML4, but it is
strongly recommended to use CSS styling instead.
HTML <base> Tag
The <base> tag specifies the base URL/target for all relative URLs in a document. The <base> tag goes inside the
<head> element.
HTML <basefont> Tag
The <basefont> element is deprecated in HTML 4.01. The <basefont> tag specifies a default font-color, font-size, or
font-family for all the text in a document.
HTML <bdo> Tag
bdo stands for Bi-Directional Override. The <bdo> tag is used to override the current text direction.
HTML <blockquote> Tag
The <blockquote> tag defines a long quotation. Browsers usually indent <blockquote> elements.
HTML <body> Tag
The <body> tag defines the document's body.The <body> element contains all the contents of an HTML
document, such as text, hyperlinks, images, tables, lists, etc.
HTML <br> Tag
The <br> tag inserts a single line break. The <br> tag is an empty tag which means that it has no end tag.
HTML <button> Tag
The <button> tag defines a push button. Inside a <button> element you can put content, like text or images. This is the
difference between this element and buttons created with the <input> element .
HTML <caption> Tag
The <caption> tag defines a table caption. The <caption> tag must be inserted immediately after the <table> tag. You
can specify only one caption per table.
HTML <center> Tag
The <center> element is deprecated in HTML 4.01. The <center> tag is used to center-align text.
HTML <em> <strong> <dfn> <code> <samp> <kbd> <var> <cite> Tags
The <em>, <strong>, <dfn>, <code>, <samp>, <kbd>, <var>, and <cite> tags are all phrase tags. They are not
deprecated, but it is possible to achieve richer effect with CSS.
HTML <col> Tag
The <col> tag defines attribute values for one or more columns in a table. The <col> tag is useful for applying styles
to entire columns, instead of repeating the styles for each cell, for each row. The <col> tag can only be used inside a
<table> or a <colgroup> element.
HTML <colgroup> Tag
The <colgroup> tag is used to group columns in a table for formatting. The <colgroup> tag is useful for applying
styles to entire columns, instead of repeating the styles for each cell, for each row. The <colgroup> tag can only be
used inside a <table> element.
HTML <dd> Tag
The <dd> tag is used to describe an item in a definition list. The <dd> tag is used in conjunction with <dl> and <dt>.
Inside a <dd> tag you can put paragraphs, line breaks, images, links, lists, etc.
HTML <del> Tag
The <del> tag defines text that has been deleted from a document.
HTML <dir> Tag
The <dir> element is deprecated in HTML 4.01. The <dir> tag is used to list directory titles .
HTML <div> Tag
The <div> tag defines a division or a section in an HTML document. The <div> tag is used to group block-elements to
format them with styles.
HTML <dl> Tag
The <dl> tag defines a definition list. The <dl> tag is used in conjunction with <dt> (defines the item in the list) and
<dd>
HTML <dt> Tag
The <dt> tag defines an item in a definition list. The <dt> tag is used in conjunction with <dl> (defines the definition
list) and <dd>
HTML <fieldset> Tag
The <fieldset> tag is used to group related elements in a form. The <fieldset> tag draws a box around the related
elements.
HTML <font> Tag

The <font> element is deprecated in HTML 4.01. The <font> tag specifies the font face, font size, and font color of
text.
HTML <form> Tag
The <form> tag is used to create an HTML form for user input. The <form> element can contain one or more of the
following form elements:
<input>
<textarea>
<button>
<select>
<option>
<optgroup>
<fieldset>
<label>
HTML <frame> Tag
The <frame> tag defines one particular window (frame) within a <frameset>. Each <frame> in a <frameset> can have
different attributes, such as border, scrolling, the ability to resize, etc.
HTML <frameset> Tag
The <frameset> tag defines a frameset. The <frameset> element holds one or more <frame> elements. Each <frame>
element can hold a separate document. The <frameset> element specifies HOW MANY columns or rows there will be
in the frameset, and HOW MUCH percentage/pixels of space will occupy each of them.
HTML <head> Tag
The <head> element is a container for all the head elements. The <head> element must include a title for the
document, and can include scripts, styles, meta information, and more. The following elements can go inside the
<head> element:
<title>
<style>
<base>
<link>
<meta>
<script>
<noscript>
HTML <h1> to <h6> Tags
The <h1> to <h6> tags are used to define HTML headings. <h1> defines the most important heading. <h6> defines
the least important heading.
HTML <hr> Tag
The <hr> tag creates a horizontal line in an HTML page. The <hr> element can be used to separate content in an
HTML page.
HTML <html> Tag
The <html> tag tells the browser that this is an HTML document. The <html> element is also known as the root
element. The <html> tag is the container for all other HTML elements
HTML <iframe> Tag
The <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current
HTML document.
HTML <img> Tag
The <img> tag defines an image in an HTML page. The <img> tag has two required attributes: src and alt.
HTML <input> Tag
The <input> tag is used to select user information. <input> elements are used within a <form> element to declare
input controls that allow users to input data. An input field can vary in many ways, depending on the type attribute.
HTML <ins> Tag
The <ins> tag defines a text that has been inserted into a document.
HTML <label> Tag
The <label> tag defines a label for an <input> element. The <label> element does not render as anything special for
the user. However, it provides a usability improvement for mouse users, because if the user clicks on the text within
the <label> element, it toggles the control. The for attribute of the <label> tag should be equal to the id attribute of the
related element to bind them together.
HTML <legend> Tag
The <legend> tag defines a caption for the <fieldset> element.
HTML <li> Tag
The <li> tag defines a list item. The <li> tag is used in both ordered (<ol>) and unordered (<ul>) lists.
HTML <link> Tag

The <link> tag defines the relationship between a document and an external resource. The <link> tag is most used to
link to style sheets.
HTML <map> Tag
The <map> tag is used to define a client-side image-map. An image-map is an image with clickable areas. The name
attribute of the <map> element is required and it is associated with the <img>'s usemap attribute and creates a
relationship between the image and the map. The <map> element contains a number of <area> elements, that defines
the clickable areas in the image map.
HTML <menu> Tag
The <menu> element is deprecated in HTML 4.01. The <menu> tag is used to create a list of menu choices.
HTML <meta> Tag
Metadata is data (information) about data. The <meta> tag provides metadata about the HTML document. Metadata
will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page
description, keywords, author of the document, last modified, and other metadata. The <meta> tag always goes inside
the <head> element. The metadata can be used by browsers (how to display content or reload page), search engines
(keywords), or other web services.
HTML <noframes> Tag
The <noframes> tag is a fallback tag for browsers that do not support frames. It can contain all the HTML elements
that you can find inside the <body> element of a normal HTML page. The <noframes> element can be used to link to
a non-frameset version of the web site or to display a message to users that frames are required. The <noframes>
element goes inside the <frameset> element.
HTML <noscript> Tag
The <noscript> tag is used to provide an alternate content for users that have disabled scripts in their browser or have
a browser that doesnt support client-side scripting. The <noscript> element can contain all the elements that you can
find inside the <body> element of a normal HTML page. The content inside the <noscript> element will only be
displayed if scripts are not supported, or are disabled in the users browser.
HTML <object> Tag
The <object> tag defines an embedded object within an HTML document. Use this element to embed multimedia (like
audio, video, Java applets, ActiveX, PDF, and Flash) in your web pages. You can also use the <object> tag to embed
another webpage into your HTML document. You can use the <param> tag to pass parameters to plugins that have
been embedded with the <object> tag.
HTML <ol> Tag
The <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical. Use the <li> tag to define list
items.
HTML <optgroup> Tag
The <optgroup> is used to group related options in a drop-down list. If you have a long list of options, groups of
related options are easier to handle for a user.
HTML <option> Tag
The <option> tag defines an option in a select list. <option> elements go inside a <select> element.
HTML <p> Tag
The <p> tag defines a paragraph. Browsers automatically add some space (margin) before and after each <p> element.
The margins can be modified with CSS
HTML <param> Tag
The <param> tag is used to define parameters for plugins embedded with an <object> element.
HTML <pre> Tag
The <pre> tag defines preformatted text. Text in a <pre> element is displayed in a fixed-width font (usually Courier),
and it preserves both spaces and line breaks.
HTML <q> Tag
The <q> tag defines a short quotation. Browsers often insert quotation marks around the quotation.
HTML <s> and <strike> Tags
The <s> and <strike> elements are deprecated in HTML 4.01. The <s> and <strike> tags define strikethrough text.
HTML <script> Tag
The <script> tag is used to define a client-side script, such as a JavaScript. The <script> element either contains
scripting statements, or it points to an external script file through the src attribute. The required type attribute specifies
the MIME type of the script. Common uses for JavaScript are image manipulation, form validation, and dynamic
changes of content.
HTML <select> Tag
The <select> tag is used to create a drop-down list. The <option> tags inside the <select> element define the available
options in the list.
HTML <span> Tag
The <span> tag is used to group inline-elements in a document. The <span> tag provides no visual change by itself.
The <span> tag provides a way to add a hook to a part of a text or a part of a document. When the text is hooked in a
<span> element you can add styles to the content, or manipulate the content with for example JavaScript.
HTML <style> Tag
The <style> tag is used to define style information for an HTML document. Inside the <style> element you specify
how HTML elements should render in a browser. The required type attribute defines the content of the <style>
element. The only possible value is "text/css". The <style> element always goes inside the head section.
HTML <sub> an1d <sup> Tags

The <sub> tag defines subscript text. Subscript text appears half a character below the baseline. Subscript text can be
used for chemical formulas, like H2O. The <sup> tag defines superscript text. Superscript text appears half a character
above the baseline. Superscript text can be used for footnotes, like WWW
HTML <table> Tag
The <table> tag defines an HTML table. An HTML table consists of the <table> element and one or more <tr>, <th>,
and <td> elements. The <tr> element defines a table row, the <th> element defines a table header, and the <td>
element defines a table cell. A more complex HTML table may also include <caption>, <col>, <colgroup>, <thead>,
<tfoot>, and <tbody> elements.
HTML <tbody> Tag
The <tbody> tag is used to group the body content in an HTML table. The <tbody> element is used in conjunction
with the <thead> and <tfoot> elements to specify each part of a table (body, header, footer). Browsers can use these
elements to enable scrolling of the table body independently of the header and footer. Also, when printing a large table
that spans multiple pages, these elements can enable the table header and footer to be printed at the top and bottom of
each page. The <tbody> tag must be used in the following context: As a child of a <table> element, after any
<caption>, <colgroup>, and <thead> elements.
HTML <td> Tag
The <td> tag defines a standard cell in an HTML table. An HTML table has two kinds of cells:
Header cells - contains header information (created with the <th> element)
Standard cells - contains data (created with the <td> element)
The text in <th> elements are bold and centered by default. The text in <td> elements are regular and left-aligned by
default.
HTML <textarea> Tag
The <textarea> tag defines a multi-line text input control. A text area can hold an unlimited number of characters, and
the text renders in a fixed-width font (usually Courier). The size of a text area is specified by the cols and rows
attributes.
HTML <tfoot> Tag
The <tfoot> tag is used to group footer content in an HTML table. The <tfoot> element is used in conjunction with the
<thead> and <tbody> elements to specify each part of a table (footer, header, body). Browsers can use these elements
to enable scrolling of the table body independently of the header and footer. Also, when printing a large table that
spans multiple pages, these elements can enable the table header and footer to be printed at the top and bottom of each
page. The <tfoot> tag must be used in the following context: As a child of a <table> element, after any <caption>,
<colgroup>, and <thead> elements and before any <tbody> and <tr> elements.
HTML <th> Tag
The <th> tag defines a header cell in an HTML table. An HTML table has two kinds of cells:
Header cells - contains header information (created with the <th> element)
Standard cells - contains data (created with the <td> element)

The text in <th> elements are bold and centered by default. The text in <td> elements are regular and left-aligned by
default.
HTML <thead> Tag
The <thead> tag is used to group header content in an HTML table. The <thead> element is used in conjunction with
the <tbody> and <tfoot> elements to specify each part of a table (header, body, footer). Browsers can use these
elements to enable scrolling of the table body independently of the header and footer. Also, when printing a large table
that spans multiple pages, these elements can enable the table header and footer to be printed at the top and bottom of
each page. The <thead> tag must be used in the following context: As a child of a <table> element, after any
<caption>, and <colgroup> elements, and before any <tbody>, <tfoot>, and <tr> elements.
HTML <title> Tag
The <title> tag defines the title of the document. The <title> element is required in all HTML/XHTML documents.
The <title> element:
defines a title in the browser toolbar
provides a title for the page when it is added to favorites
displays a title for the page in search-engine results
HTML <tr> Tag
The <tr> tag defines a row in an HTML table. A <tr> element contains one or more <th> or
<td> elements.
HTML <u> Tag
The <u> element is deprecated. The <u> tag defines underlined text.
HTML <ul> Tag
The <ul> tag defines an unordered (bulleted) list. Use the <ul> tag together with the <li> tag to create unordered lists.
What is XML-
XML stands for eXtensible Markup Language.
XML is designed to transport and store data.
XML is important to know, and very easy to learn.
Extensible Markup Language (XML) is a simple, very flexible text format derived from SGML (ISO 8879).
Originally designed to meet the challenges of large-scale electronic publishing, XML is also playing an increasingly
important role in the exchange of a wide variety of data on the Web and elsewhere.
_______________________________________________________________________________________

Design A Student Registration From

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Design A Student Registration From

Hochgeladen von

Copyright:

Verfügbare Formate

HTML

Design a student registration from-

<h1 align="center" style="color:#FF6600">STUDENT REGISTRATION FORM</h1>

<form name="registration" action="submitform.html" method="post">

<table width="75%" border="5" align="center" bgcolor="#FF0000"

<td>Name:</td><td><input type="text" name="Name" id="Name"

<td>Gender:</td><td><input type="radio" name="Gender"

<td>DOB:</td><td><input type="text" name="DOB" id="DOB"

<td>Email:</td><td><input type="text" name="Email" id="Email"

<td>Password:</td><td><input type="Password" name="Password"

<td>College Name:</td><td><input type="text" name="College

<td>University Name:</td><td><input type="text"

<td>Graduation Year:</td><td><input type="text"

<td>Branch:</td><td><input type="text" name="Branch"

<td>Current Aggrigate %:</td><td><input type="text"

<td>Enrollment No.:</td><td><input type="text"

<td>Mobile No.:</td><td><input type="text" name="Mobile No.:"

<select name="State" id="State">

<option value="10">Jammu &

<textarea rows="3" cols="15" name="Address"

<td>Hobby:</td><td><input type="checkbox" name="cricket"

<textarea rows="3" cols="12" name="comment"

<input type="hidden" name="myvalue" value="100">

<input type="submit" name="submit" value="SUBMIT"></td>

<h1 align="center" style="color:#FF6600">STUDENT RECORD</h1>

<table align="center" border="3" width="50%">

<td align="center">Student Name</td>

<td align="center">Roll No.</td>

<td align="center">Apeksha Bhati</td>

<td align="center">Gurmeet Kour</td>

<td align="center">Divya Gupta</td>

<td align="center">pooja Dhuldhoye</td>

<td align="center">Nikita Sharma</td>

<td align="center">Neha Sharma</td>

<h1 align="center">There will be image</h1>

<table align="center" border="1" width="50%">

<td><img src="images/SM90215.jpg" width="100px"

<td><img src="images/SM118096.jpg" width="100px"

<link href="css/style.css" rel="stylesheet" type="text/css"/>

<body>Don't forget me this weekend!</body>

<body>Don't forget me this weekend!</body>

<?xml version="1.0" encoding="ISO-8859-1"?>

<?xml-stylesheet type="text/css" href="cd_catalog.css"?>

<TITLE>Hide your heart</TITLE>

<?xml version="1.0" encoding="ISO-8859-1"?>

<description>two of our famous Belgian Waffles with plenty of real maple

<name>Strawberry Belgian Waffles</name>

<description>light Belgian waffles covered with strawberries and whipped

<name>Berry-Berry Belgian Waffles</name>

<description>light Belgian waffles covered with an assortment of fresh berries

<description>thick slices made from our homemade sourdough

<description>two eggs, bacon or sausage, toast, and our ever-popular hash

<body>Don't forget me this weekend!</body>

<script type="text/javascript" language="javascript">

var name= document.getElementById('first_name').value;

var email= document.getElementById('email').value;

var password= document.getElementById('password').value;

var male= document.getElementById('male').checked;

var female= document.getElementById('female').checked;

var mycity= document.getElementById('mycity').value;

var cricket= document.getElementById('cricket').checked;

var hocky= document.getElementById('hocky').checked;