Scribd
Upload
18 views5 pages

Ex 1

Uploaded by

Department of B.Voc (Software Development) YCIS
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
18 views5 pages

Ex 1

Uploaded by

Department of B.Voc (Software Development) YCIS
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Experiment No:1

Creating a webpage with frames, form, tables and link

Objective:

To create a website with frames, forms, tables and link.

Description:
HTML is a computer language devised to allow website creation. These websites can then be
viewed by anyone else connected to the Internet.
Frames are a way of organizing your website. They allow you to divide up your window into
various segments for different purposes
Frame is a part of a web page or browser window which displays content independent of its
container, with the ability to load content independently.
The HTML or media elements that go in a frame may or may not come from the same web site
as the other elements of content on display.
In HTML, a frameset is a group of named frames to which web pages and media can be directed.
A web form or HTML form on a web page allows a user to enter data that is sent to a server for
processing. Forms can resemble paper or database forms because web users fill out the forms
using checkboxes, radio buttons, or text fields.
For example, consider the course registration form in which the user has to give the input in the
corresponding field.

A table is an arrangement of columns and rows used to organize and position data.

Tables are defined with the <table> tag.


Tables are divided into table rows with the <tr> tag.
Table rows are divided into table data with the <td> tag.
A table row can also be divided into table headings with the <th> tag.
Source Code:

<html>

<body>

<title>Course Registration Form</title>

<center><caption><h1>Registration Form</h1></caption></center>

<form name="form1">

<div align="left"><h3>

Name: <input type="text" name="Name"value=""><br><br>

father's name:<input type="text" name="Name" value=""><br><br>

Qualification: <input type="text" name="Name"value=""><br><br>

Mail id: <input type="text" name="Name"value=""><br><br>

Address:<input type="text" name="add" value=""><br><br>

Phone: <input type="text" name="ph" value=""><br><br>

chosen course:<input type ="radio" name="group 1" value="c language">c language

<input type ="radio" name="group 1" value="java"> java <br><br>

chosen duration:<input type ="radio" name="group 1" value="six months"> six months

<input type ="radio" name="group 1" value="three months">three months <br><br>

<input type="button" value="submit">

<input type="button" value="cancel"></h3>

</div>

</form>

</body>

</html>
Form:

Output:

Source Code:

Table:

<html>
<head>
<title>HTML Table Header</title>
<caption><b> IPL Winners </caption></b>
</head>
<body>
<table border="1" cellpadding="5" cellspacing="5">
<tr>
<th>year </th>
<th>team won</th>
</tr>
<tr>
<td>2008</td>
<td>Rajasthan Royals</td>
</tr>
<tr>
<td>2009</td>
<td>Hyderabad Deccan Chargers</td>
</tr>
<tr>
<td>2010</td>
<td>Chennai Super Kings</td>
</tr>
</table>
</body>
</html>

Output:

Source Code:

Frame:
<html>

<frameset cols="50%,50%">

<frame src="m.html">

<frame src="jane.html">

</frameset>

</html>

Output:

Conclusion:

In this experiment, the creation of webpage with frames, forms, table, and link was
implemented and the output was verified successfully.

You might also like