Scribd
Upload
2K views

Creation of Student Profiles Using HTML Tags: Ex - No: Date

The document describes creating a student profile webpage using HTML tags. It outlines 7 steps to develop the webpage, including creating a table to enter student data like name, father's name, address, and qualifications. Radio buttons and checkboxes are used to select options for entertainment, software exposure, and other fields. The program section shows the HTML code used to build the webpage with the various fields, textboxes, and buttons required to display and submit the student profile.

Uploaded by

amsavenisr
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2K views

Creation of Student Profiles Using HTML Tags: Ex - No: Date

The document describes creating a student profile webpage using HTML tags. It outlines 7 steps to develop the webpage, including creating a table to enter student data like name, father's name, address, and qualifications. Radio buttons and checkboxes are used to select options for entertainment, software exposure, and other fields. The program section shows the HTML code used to build the webpage with the various fields, textboxes, and buttons required to display and submit the student profile.

Uploaded by

amsavenisr
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 8

Ex.

No: Date :

CREATION OF STUDENT PROFILES USING HTML TAGS

AIM: To develop a webpage to enter the student profiles.

ALGORITHM:

Step1: start the program Step 2: using html tags, create table to enter the student profile Step3: For each row of the table, enter the data using <td> such that create student name,fathers name,address and e-mail,etc.. Step 4:Using <table> we have to enter the qualification of the students. Step 5:Using radio button,we have to choose the entertainment and software exposure of the student. Step 6:Using <form>, we have to create a declare text to type the text. Step 7:Execute the web page in Internet explorer

PROGRAM :

<html> <head> <title>Resume page</title> </head> <body bgcolor="#fffFF"> <center><font color="#6600CC"><h1><b><b><u>PROFILE</u></b></b></h1></center></font> <form name="input" action ="z:\WebTech Lab\webpageprofile.htm" method="get"> <img height=100 width=100 src="z:\WebTech Lab\Photo.jpg" alt="angry face"> <table border="3">

<td>Name:</td> <td><input type="text" height='10' width='25'></td> </tr>

<tr> <td>Father Name:</td> <td><input type="text" height='10' width='25'></td> </tr>

<tr> <td>Mother Name:</td> <td><input type="text" height='10' width='25'></td></tr> <tr> <td>Date Of Birth:</td>

<td><input type="text" height='10' width='25'></td></tr> <tr> <td>Marital Status:</td> <td><input type="text" height='10' width='25'></td></tr> <tr> <td>Communication:</td> <td colspan="4"><textarea name="male" rows="4" cols='17'></textarea></td></tr> <tr> <td>Gender:</td> <td>Male:<input type="checkbox" name="male">Female:<input type="checkbox" name="female"></td> </tr> <tr> <th colspan="6">Educational Qualifications</th></tr> <tr> <th>Name of the Deg.</th><th>name of the degree</th><th>Name of the Instistution</th><th>Year of Pass</th><th>Grade</th><th>Specialization</th></tr> <tr> <td>SSLC:</td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> </tr> <tr>

<td>HSC:</td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> </tr> <tr> <td>D.C.Tech:</td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> </tr> <tr> <td>M.C.A:</td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> </tr> <tr> <td>M.E:</td>

<td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> <td><input type="text" height='10' width='25'></td> </tr> <br><br><br> <tr> <th colspan="6">Software Exposure</th> </tr> <tr> <td>OS:</td> <<td colspan="5">Windows XP/00/03<input type="checkbox" name="male">LINUX<input type="checkbox" name="female">UNIX<input type="checkbox" name="female">others<input type="checkbox" name="female"></td> </tr> <tr> <td>Languages:</td> <td colspan="5">C:<input type="checkbox" name="male">C++:<input type="checkbox" name="female">Java:<input type="checkbox" name="female">J2EE:<input type="checkbox" name="female"></td> </tr> <tr> <td>Extra Curriculam Acvtivities:</td> <td colspan="5">Dance:<input type="checkbox" name="male">Swimming:<input type="checkbox" name="female">Shuttle:<input type="checkbox" name="female">Music:<input type="checkbox" name="female"></td> </tr>

<tr> <td>Any Other Information:</td> <td><input type="text" name="male"></td> </tr> <tr> <center><th>Declaration:</th></center> <td colspan="5"><textarea name="male" rows="5" cols='70'></textarea></td> </tr> <tr> <td>Date:</td> <td><input type="text" name="male"></td> <td>Place:</td> <td><input type="text" name="male" ></td> </tr> <tr> <td><input type="Submit" value="submit"> <A href="webpageprofile.htm"></A><br CLEAR=both></td> <td><input type="reset" value="reset"></td> </tr> </center> </body> </html>

SAMPLE OUTPUT :

RESULT:

Thus the web page for student profile has been created.

You might also like