WT Record Codes

1.
STUDENT REGISTRATION FORM USING HTML
StudentRegistrationForm.html
<html>
<title>
Student Registration Form
</title>
<body>
<form name="StudentRegistration">
<table align="center" cellpadding = "10">
<th>Student Registration Form!!</th>

<tr>
<td>First Name</td>
<td><input type="text" name="FirstName"/></td>
</tr>

<tr>
<td>Last Name</td>
<td><input type="text" name="LastName"/></td>
</tr>

<tr>
<td>Email ID</td>
<td><input type="email" name="EmailID"/></td>
</tr>

<tr>
<td>Mobile Number</td>
<td><input type="text" name="MobileNumber"/></td>
</tr>

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

<tr>
<td>Date of Birth(DOB)</td>
<td>
<select name="BirthDay" id="Birthday_Day">
<option value="-1">Day:</option>
<option value="1">1</option>
</select>
<select name="BirthdayMonth" id="Birthday_Month">
<option value="-1">Month:</option>
<option value="January">Jan(1)</option>
<option value="February">Feb(2)</option>
<option value="March">Mar(3)</option>
<option value="April">Apr(4)</option>
<option value="May">May(5)</option>
<option value="June">Jun(6)</option>
<option value="July">Jul(7)</option>
<option value="August">Aug(8)</option>
<option value="September">Sep(9)</option>
<option value="October">Oct(10)</option>
<option value="November">Nov(11)</option>
<option value="December">Dec(12)</option>
</select>
<select name="BirthdayYear" id="Birthday_Year">
<option value="-1">Year:</option>
</select>
</td>
</tr>

<tr>
<td>Address</td>
<td><textarea name="Address" rows="10" cols="50"></textarea></td>
</tr>

<tr>
<td>City</td>
<td><input type="text" name="City"/></td>
</tr>

<tr>
<td>Pin Code</td>
<td><input type="Number" name="PinCode"/></td>
</tr>

<tr>
<td>State</td>
<td><input type="text" name="State"/></td>
</tr>

<tr>
<td>Country</td>
<td><input type="text" name="Country"/></td>
</tr>

<tr>
<td>Hobbies</td>
<td>
<input type="checkbox" name="HobbyDrawing" value="Drawing"
/>Drawing
<input type="checkbox" name="HobbySinging" value="Singing" />Singing
<input type="checkbox" name="HobbyDancing" value="Dancing"
/>Dancing
<input type="checkbox" name="HobbyCooking" value="Cooking"
/>Cooking
<br />
<input type="checkbox" name="HobbyOther" value="Other" />Others
<input type="text" name="Other_Hobby"/>
</td>
</tr>

<tr>
<td>Qualification</td>
<td>
<br/>
<input type="checkbox" name="HighSchool" value="High School" /> High
School(10th)
<br/>
<input type="checkbox" name="HigherSchool" value="Higher School" />
Higher School(12th)
<br/>
<input type="checkbox" name="Graduation" value="Graduation" />
Graduation(Bachelors)
<br/>
<input type="checkbox" name="PostGraduation" value="Post Graduation"
/> Post Graduation(Masters)
<br/>
<input type="checkbox" name="Phd" value="Phd">
Phd
</td>
</tr>

<tr>
<td>Courses<br />Applied For</td>
<td>
<input type="radio" name="Course" value="BCA"> BCA(Bachelor of
Computer Applications)
<br>
<input type="radio" name="Course" value="B.Com"> B.Com(Bachelor of
Commerce)
<br>
</td>
</tr>

<tr>
<td colspan="2" align="center">
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</td>
</tr>
</table>
</form>
</body>
</html>
2. STUDENT REGISTRATION FORM USING CSS
CSS_File.css
h2
{
font-family: Cambria;
font-weight: bold;
text-align: center;
}
table,td
{
font-size: 16px;
font-weight: bold;
background: linear-gradient(to bottom, #eafafa,#ffffff);
border: 1px solid;
border-style: solid;
width: 75%
}
table.inner
{
border: 10px
}
input[type=text], input[type=email], input[type=number]

{
width: 50%;
padding: 6px 12px;
margin: 5px 0;
box-sizing: border-box;
}
input[type=submit], input[type=reset]{
width: 15%;
padding: 8px 12px;
margin: 5px 0;
}
StudentRegistrationForm(CSS).html
<html>
<head>
<title>Student Registration Form (CSS)</title>
<link href="CSS_File.css">
</head>
<body>
<h2>Student Registration Form!!</h2>
<form>

<tr>
<td>First Name</td>
</tr>

<tr>
<td>Last Name</td>
</tr>

<tr>
<td>Email ID</td>
</tr>

<tr>
</tr>

<tr>
<td>Gender</td>
<td>
</td>
</tr>

<tr>
<td>Date of Birth(DOB)</td>
<td>
<select name="BirthDay" id="Birthday_Day">
<option value="-1">Day:</option>
</select>
<select name="BirthdayMonth" id="Birthday_Month">
<option value="-1">Month:</option>
<option value="January">Jan(1)</option>
<option value="February">Feb(2)</option>
<option value="March">Mar(3)</option>
<option value="April">Apr(4)</option>
<option value="May">May(5)</option>
<option value="June">Jun(6)</option>
<option value="July">Jul(7)</option>
<option value="August">Aug(8)</option>
<option value="September">Sep(9)</option>
<option value="October">Oct(10)</option>
<option value="November">Nov(11)</option>
<option value="December">Dec(12)</option>
</select>
<select name="BirthdayYear" id="Birthday_Year">
<option value="-1">Year:</option>
</select>
</td>
</tr>

<tr>
<td>Address</td>
</tr>

<tr>
<td>City</td>
<td><input type="text" name="City"/></td>
</tr>

<tr>
<td>Pin Code</td>
</tr>

<tr>
<td>State</td>
</tr>

<tr>
<td>Country</td>
</tr>

<tr>
<td>Hobbies</td>
<td>
<input type="checkbox" name="HobbyDrawing" value="Drawing"
/>Drawing
<input type="checkbox" name="HobbySinging" value="Singing" />Singing
<input type="checkbox" name="HobbyDancing" value="Dancing"
/>Dancing
<input type="checkbox" name="HobbyCooking" value="Cooking"
/>Cooking
<br />
<input type="checkbox" name="HobbyOther" value="Other" />Others
<input type="text" name="Other_Hobby"/>
</td>
</tr>

<tr>
<td>Qualification</td>
<td>
<br/>
<input type="checkbox" name="HighSchool" value="High School" /> High
School(10th)
<br/>
<input type="checkbox" name="HigherSchool" value="Higher School" />
Higher School(12th)
<br/>
<input type="checkbox" name="Graduation" value="Graduation" />
Graduation(Bachelors)
<br/>
<input type="checkbox" name="PostGraduation" value="Post Graduation"
/> Post Graduation(Masters)
<br/>
<input type="checkbox" name="Phd" value="Phd">
Phd
</td>
</tr>

<tr>
<td>Courses<br />Applied For</td>
<td>
<input type="radio" name="Course" value="BCA"> BCA(Bachelor of
<br>
<input type="radio" name="Course" value="B.Com"> B.Com(Bachelor of
Commerce)
<br>
<input type="radio" name="Course" value="B.Sc"> B.Sc(Bachelor of
Science)
<br>
<input type="radio" name="Course" value="B.A"> BA(Bachelor of Arts)
<br>
<input type="radio" name="Course" value="MCA"> MCA(Master of
<br>
<input type="radio" name="Course" value="M.Com"> M.Com(Master of
Commerce)
<br>
<input type="radio" name="Course" value="M.Sc"> M.Sc(Master of
Science)
<br>
<input type="radio" name="Course" value="M.A"> MA(Master of Arts)
<br>
</td>
</tr>

<tr>
</td>
</tr>
</table>
</form>
</body>
</html>
3. BOOK INFORMATION SYSTEM USING XML AND XSL

Write the code for both xml file and xsl file and send to my mail by today evening
Write an XML file which will display the Book information which includes the
following:
1) Title of the book
2) Author Name
3) ISBN number
4) Publisher name
5) Edition
6) Price
Write a Document Type Definition (DTD) to validate the above XML file. Display the
XML file as follows. The contents should be displayed in a table. The header of the table
should be in color GREY. And the Author names column should be displayed in one color
and should be capitalized and in bold. Use your own colors for remaining columns. Use
XML schemas XSL and CSS for the above purpose. Note: Give at least 4 books. It should
be valid syntactically.
books.xsl
<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<head>
<title> books</title>
</head>
<body>
<h2>My Books Collection</h2>
<table border="1">
<tr bgcolor="grey">
<th>Title</th>
<th> Author</th>
<th> ISBN</th>
<th>Publisher</th>
<th>Edition</th>
<th>Price</th>
</tr>
<xsl:for-each select="/books/book">
<tr>
<td bgcolor="lightgreen"><xsl:value-of select="title"/></td>
<td bgcolor="lightyellow"><xsl:value-of select="author"/></td>
<td bgcolor="lightblue"><xsl:value-of select="isbn"/></td>
<td bgcolor="lightpink"><xsl:value-of select="publisher" /></td>
<td bgcolor="orange"><xsl:value-of select="edition" /></td>
<td bgcolor="violet"><xsl:value-of select="price" /></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Books_Info(XML).xml
<?xml version="1.0" ?>
<?xml-stylesheet type="text/xsl" href="books.xsl"?>
<books>
<book>
<title>OS</title>
<author>William Stallings</author>
<isbn>9352866711</isbn>
<publisher>Pearson</publisher>
<edition>sixth</edition>
<price>300</price>
</book>
<book>
<title>MPMC</title>
<author>AK Ray</author>
<isbn>9780070151260</isbn>
<publisher>McGraw Hill Education India Private Limited</publisher>
<edition>second</edition>
<price>400</price>
</book>
<book>
<title>Wings of Fire</title>
<author>APJ Abdul kalam</author>
<isbn>9788173711466</isbn>
<publisher>Sangam books</publisher>
<edition>1999</edition>
<price>153</price>
</book>
<book>
<title>Programming in ANSI C</title>
<author>Balagurusamy</author>
<isbn>9789339219666</isbn>
<publisher>McGraw Hill Education India Private Limited</publisher>
<edition>seventh</edition>
<price>445</price>
</book>
</books>
4. FACTORIAL OF A NUMBER USING DIALOG BOX
Factorial.html
<html>
<title>Factorial</title>
<body style="font-family:Cambria">
Enter a number: <button onclick="myFunction()">Click!</button><br>
<p Id="demo"></p>
<script>
function myFunction(n)
{
var n=prompt("Enter a number");
var Text="";
var i, fact=1;
Text+="Factorial of " + n + "! = ";
for(i=1;i<=n;i++)
{
fact*=i;
}
Text+=fact;
document.getElementById("demo").innerHTML=Text;
}
</script>
</body>
</html>
5. FIBONACCI SERIES USING DIALOG BOX
FibonacciSeries.html
<html>
<title>Fibonacci Series</title>
Number of elements in the series: <button onclick="myFunction()">Click!
</button><br>
<p id="demo" ></p>
<script>
{
var Text="";
var i, temp, n1=0, n2=1, nextterm,n;
nextterm=n1+n2;
Text+="Fibonacci Series: "+n1+" "+n2+" ";
for(i=0;i<n-2;i++)
{
nextterm=n1+n2;
n1=n2;
n2=nextterm;
Text+=nextterm+" ";
}
}
</script>
</body>
</html>
6. Write the CSS code for below question:

Design a web page using CSS (Cascading Style Sheets) which includes the following:
1. Use different font, styles: In the style definition you define how each selector should
work font, color etc.). Then, in the body of your pages, you refer to these selectors to
activate the styles.
2. Set a background image for both the page and single elements on the page.
3. Control the repetition of the image with the background-repeat property. As
background-repeat: repeat Tiles the image until the entire page is filled, just like an
ordinary background image in plain HTML.
4. Define styles for links asA: link A: visited A: active A: hover. Example: <style
type="text/css"> A:link {text-decoration: none} A:visited {text-decoration: none}
A:active {text-decoration: none} A: hover {text-decoration: underline; color: red;}
</style>
Factorial.html
<html>
<title>Factorial</title>
Enter a number: <button onclick="myFunction()">Click!</button><br>
<p Id="demo"></p>
<script>
{
var Text="";
var i, fact=1;
Text+="Factorial of " + n + "! = ";
for(i=1;i<=n;i++)
{
fact*=i;
}
Text+=fact;
}
</script>
</body>
</html>
FibonacciSeries.html
<html>
<title>Fibonacci Series</title>
Number of elements in the series: <button onclick="myFunction()">Click!
</button><br>
<p id="demo" ></p>
<script>
{
var Text="";
var i, temp, n1=0, n2=1, nextterm,n;
nextterm=n1+n2;
Text+="Fibonacci Series: "+n1+" "+n2+" ";
for(i=0;i<n-2;i++)
{
nextterm=n1+n2;
n1=n2;
n2=nextterm;
Text+=nextterm+" ";
}
}
</script>
</body>
</html>
CSSExample.html
<html>
<title>CSS</title>
<style>
body
{
background:
url(https://media3.giphy.com/media/9J8K8WEWLXZk7s0OMB/giphy.gif?
cid=ecf05e47yermu6tbs5ug896uqnwmjzno1ilqzms10o85uvhg&rid=giphy.gif) repeat-x,
url(http://clipart-library.com/images/pToaq76Ac.jpg) bottom right no-repeat,
url(https://media3.giphy.com/media/9J8K8WEWLXZk7s0OMB/giphy.gif?
cid=ecf05e47yermu6tbs5ug896uqnwmjzno1ilqzms10o85uvhg&rid=giphy.gif) bottom left;
background-size: 400px 400px;
}
.header
{
background-color: black;
padding: 5px;
text-align: center;
color: white;
}
.lists
{
background-color:#fcf9e6;
}
a:link
{
color: red;
}
a:visited
{
color: green;
}
a:hover
{
color: #e30071;
text-decoration: underline;
}
a:active
{
color: blue;
}
</style>
<div class="header"> <h1> Welcome!! </h1> </div>
<h3>Click on the below links to know more!</h3>
<div class="lists">
<ol>
<li><a href="Factorial.html"><b>Factorial</b></a></li>
<dd>Factorial, in mathematics, is the product of all positive integers less
than or equal to a given positive integer and denoted by that integer and an exclamation point.</dd>
<li><a href="FibonacciSeries.html"><b>Fibonacci Series</b></a></li>
<dd>The Fibonacci sequence is a set of numbers that starts with a one or
a zero, followed by a one, and proceeds based on the rule that each number (called a Fibonacci
number) is equal to the sum of the preceding two numbers.</dd>
</ol>
</div>
</body>
</html>
7. Write code for the following question using HTML Frames:

Design the following static web pages required for an online book store website.
HOME PAGE: The static home page must contain three frames.
Top frame: Logo and the college name and links to home page, Login page, Registration
page, Catalogue page and Cart page (the description of these pages will be given below).
Left frame: At least four links for navigation, which will display the catalogue of
respective links.
Right frame: The pages to the links in the left frame must be loaded here
HomePage.html
<html>
<head>
<title>Home page</title>
</head>
<frameset rows="20,80">
<frame src="Top.html" name="head_page">
<frameset cols="15,85">
<frame src="Dept.html" name="dept_page">
<frame src="Desc.html" name="des_page">
</frameset>
</frameset>
</html>
Top.html
<html>
<head>
<title>Top Of Page</title>
</head>
<body style="background-color:powderblue;>
<font face="Cambria" size="3">
<table border="1" width="100%" cellpadding="5" align="center">
<tr>
<td align="center"><img src="SRIIT_Logo.jfif" width="50"
height="50"/></td>
<td colspan="4" align="center">SR INTERNATIONAL INSTITUTE
OF TECHNOLOGY </td>
</tr>
<tr>
<td align="center"> <a href="Desc.html"
target="des_page">HOME</a></td>
<td align="center"> <a href="Login.html"
target="des_page">LOGIN</a></td>
<td align="center"> <a href="Reg.html"
target="des_page">REGISTRATION</a></td>
<td align="center"> <a href="Catalogue.html"
target="des_page">CATALOGUE</a></td>
<td align="center" ><a href="Cart.html"
target="des_page">CART</a></td>
</tr>
</table>
</font>
</body>
</html>
Desc.html
<html>
<head>
<title> Description page</title>
</head>
<body align="center">
<b><center>Welcome to SRIIT</center></b>
</font>
</body>
</html>
Dept.html
<html>
<head>
<title>Departments Page</title>
</head>
<table align="center" height="75%">
<tr></tr>
<tr>
<th>CSE</th>
</tr>
<tr>
<th>ECE</th>
</tr>
<tr>
<th>EEE</th>
</tr>
<tr>
<th>CIVIL</th>
</tr>
</table>
</font>
</body>
</html>
Login.html
<html>
<head>
<title> Login Page </title>
</head>
<body>
<br>
<form name="login">
<center>
<h3> Login Page </h3>
Username: <input type="text" name="username" ><br>
Password : <input type="password" name="pwd" ><br><br>
<input type="submit" value="Submit" >
</center>
</form>
</body>
</html>
Reg.html
<html>
<head>
<title>Student Registration Form (CSS)</title>
<link rel="stylesheet" href="CSS_File.css">
</head>
<body>
<h2>Student Registration Form!!</h2>
<form>

<tr>
<td>First Name</td>
</tr>

<tr>
<td>Last Name</td>
</tr>

<tr>
<td>Email ID</td>
</tr>

<tr>
</tr>

<tr>
<td>Gender</td>
<td>
</td>
</tr>

<tr>
<td>Address</td>
</tr>

<tr>
<td>City</td>
<td><input type="text" name="City"/>
</tr>

<tr>
<td>Pin Code</td>
</tr>

<tr>
<td>State</td>
</tr>

<tr>
<td>Country</td>
</tr>

<tr>
</td>
</tr>
</table>
</form>
</body>
</html>
CSS_File.css
h2{
font-weight: bold;
text-align: center;
}
table,td{
font-size: 16px;
font-weight: bold;
background: linear-gradient(to bottom, #eafafa,#ffffff);
border: 1px solid;
border-style: solid;
width: 75%
}
table.inner{
border: 10px
}
input[type=text], input[type=email], input[type=number]{

width: 50%;
padding: 6px 12px;
margin: 5px 0;
}
input[type=submit], input[type=reset]{
width: 15%;
padding: 8px 12px;
margin: 5px 0;
}
Catalogue.html
<html>
<head>
<title>Catalogue Page</title>
</head>
<table align="center" width="100%" height="70%" border=1>
<tr>
<th>NAME</th>
<th>AUTHOR</th>
<th>PRICE</th>
<th>PUBLISHER</th>
<th>ISBN</th>
<tr>
<td>JAVA</td>
<td>Herbert Schildt</td>
<td>500</td>
<td>McGraw Hill Education</td>
<td>12345</td>
</tr>
<tr>
<td>Digital Electronics</td>
<td>Anil Kumar</td>
<td>650</td>
<td>Wiley & Sons</td>
<td>12346</td>
</tr>
<tr>
<td>Optical Communication</td>
<td>V.S. Bagad</td>
<td>800</td>
<td>Technical Publications</td>
<td>62745</td>
</tr>
<tr>
<td>Civil Theory</td>
<td>Draughtsman</td>
<td>340</td>
<td>Malik Publications</td>
<td>92548</td>
</tr>
</table>
</font>
</body>
</html>
8. Write the code for the following question using JQuery.

1.Demonstrates the jQueryhide() method, hiding the current HTML element.
2.Demonstrates the jQueryclick() event.
3.Demonstrates a simple use of the jQueryanimate() method.
4.Demonstrates that you can manipulate multiple CSS properties with the
jQueryanimate() method.

WT Record Codes

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

WT Record Codes

Uploaded by

Copyright:

Available Formats

1.

STUDENT REGISTRATION FORM USING HTML

2. STUDENT REGISTRATION FORM USING CSS

input[type=text], input[type=email], input[type=number]

3. BOOK INFORMATION SYSTEM USING XML AND XSL

4. FACTORIAL OF A NUMBER USING DIALOG BOX

5. FIBONACCI SERIES USING DIALOG BOX

6. Write the CSS code for below question:

7. Write code for the following question using HTML Frames:

input[type=text], input[type=email], input[type=number]{

8. Write the code for the following question using JQuery.

You might also like