INDEX:-
S.NO. NAME OF THE EXPERIMENT Signature
1. Create your Own Page with Favorite Hobbies
Chalk out the storyboard and design of Diary Food Limited
2.
Create a Menu or Table of Content Web Page. Each menu item
3. should load a different web page
Create a Web Page Using Ordered and Un-ordered List
4.
Create a Web Page to Show Record of the College in the form
5. of Table
Create a Calculator using JAVASCRIPT.
6.
7.
8.
9.
10.
PRACTICAL NO: 1
Create your Own Page with Favorite Hobbies
<HTML>
<HEAD>
<H2 ALIGN = CENTER> Hobbies Page</H2><BR><BR><BR>
</HEAD>
<BODY >
My Hobbies are
<UL>
<Li>Photography<BR><BR>
<Li>Listening Music<BR><BR>
<Li>Playing Games<BR><BR>
<Li>Web Browsing
</UL>
</BODY>
</HTML>
OUTPUT
PRACTICAL NO: 2
Chalk out the storyboard and design of Dairy Food Limited.
<HTML>
<HEAD>
<TITLE>
WELCOME TO DAIRY
</TITLE>
</HEAD>
<BODY>
<H1> <CENTER>
WELCOME TO DAIRY
</CENTER> </H1>
<BR> <BR>
<CENTER>
<TABLE BORDER=5 WIDTH=50%>
<CAPTION ALIGN=CENTER><B>DAIRY PRODUCTS</B> </CAPTION>
<TR ALIGN=CENTER>
<TH>PRODUCT CODE
<TH>PRODUCT NAME
</TR>
<TR ALIGN=CENTER>
<TD>001
<TD> <A HREF="MILK.HTML">MILK</A>
</TR>
<TR ALIGN=CENTER>
<TD>002
<TD> <A HREF="CHEESE.HTML">CHEESE</A>
</TR>
<TR ALIGN=CENTER>
<TD>003
<TD> <A HREF="BUTTER.HTML">BUTTER</A>
</TR>
<TR ALIGN=CENTER>
<TD>004
<TD> <A HREF="ICE.HTML">ICE CREAM</A>
</TR>
<TR ALIGN=CENTER>
<TD>005
<TD> <A HREF="MILKSHAKE.HTML">MILK SHAKES</A>
</TR>
</TABLE>
<P>
<P>
<P>
For placing your order
<BR>
Contact : doodhwala@milkdiary.com
</CENTER>
</BODY>
</HTML>
OUTPUT
PRACTICAL NO: 3
Create a Menu or Table of Content Web Page. Each menu item should load a different web
page
<HTML>
<HEAD>
<TITLE>
WELCOME TO MY MENU
</TITLE>
</HEAD>
<BODY>
<H1><CENTER>
WELCOME TO MY MENU
</CENTER></H1>
<BR><BR>
<CENTER>
<TABLE BORDER=5 WIDTH=50%>
<CAPTION ALIGN=CENTER><B>MENU SECTIONS</B></CAPTION>
<TR ALIGN=CENTER>
<TH>SECTION CODE
<TH>SECTION NAME
</TR>
<TR ALIGN=CENTER>
<TD>001
<TD><A HREF="FLOPPY.HTML">FLOPPY</A>
</TR>
<TR ALIGN=CENTER>
<TD>002
<TD><A HREF="MONITOR.HTML">MONITOR</A>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
OUTPUT
PRACTICAL NO: 4
Create a Web Page Using Ordered and Un-ordered List.
<html>
<head>
<title>
Ordered and Unordered List
</title>
</head>
<body>
<center>
<p>
<b>My Good and Best Friends</b>
</p>
</center>
<ol>
<li>Navendu Rai
<li>Shalini Gupta
<li>Surbhi Sarda
<li>Vinkal Bansal
<li>Mohit Saharan
<li>Aastha Sharma
<li> Neha Awasthi
</ol>
<center>
<b>
Subjects
</b>
</center>
<ul>
<li>SMCS
<li>Compiler Design
<li>Web Engineering
<li>Unix and Linux Programming
<li>SPM
</ul>
</body>
</html>
OUTPUT
PRACTICAL NO: 5
Create a Web Page to Show Record of the College in the form of Table
<html>
<head>
<title>
College Records
</title>
<head>
<center>
<h1> COLLEGE RECORD</h1>
</center>
<table border=”2” align=”center” width=”50”>
<tr><th colspan=”5” align=”center”>BARWALA</th>
</tr>
<tr>
<td>BRANCH</td>
<td>NO. OF STUDENTS</td>
<td>NAME OF HOD’S</td>
</tr>
<tr>
<td>IT </td>
<td>60</td>
<td>C.P</td>
</tr>
<tr>
<td>CSE </td>
<td>90</td>
<td>K.G</td>
</tr>
<tr>
<td>ECE </td>
<td>120</td>
<td>SARIKA</td></tr>
</table>
</body>
</html>
OUTPUT
PRACTICAL NO: 6
Create a calculator Using JAVASCRIPT
<html>
<head>
<title>Developing an html page that evaluates an expression</title>
<script language="JavaScript">
function calculate(form)
{
form.results.value=eval(form.entry.value);
}
</script>
</head>
<body>
<form>
<br><br>
Enter a Javascript Mathematical Expression:
<input type="text" name="entry" value="">
<input type="button" value="Calculate" onclick="calculate(this.form) ;">
<br>
The result of this expression is:
<input type="text" name="results" onfocus="this.blur ( ) ;">
<br>
</form>
</body>
</html>
OUTPUT
