INDEX

S.NO.

               NAME OF THE EXPERIMENT

PAGE NO.

Signature

1.

Create a page to show TSGI groups of college.

 

2.

Create a page which linked with different colleges of TSGI groups.

3.

Create a web page using ordered and un-ordered list

4.

Create a web page to show record of TSEC in the form of table

5.

Create a frameset divided into four sections

6.

Create a web page using style sheet

7.

Create a calculator using javascript.

8.

Create a web page using java script to verify a student record.

9.

Create a web page to show image.

10.

Create a web page to show video.

11.

Create a web page for audio.

PRACTICAL NO: 1

Create a page to show TSGI group of colleges.

<HTML>

<HEAD>

     

<H2 ALIGN = CENTER> TSGI, NAVAL NAGAR, Ziri, Burhanpur</H2><BR><BR><BR>

</HEAD>

<BODY >

TSGI colleges are:

<UL>

<Li>TSPC<BR><BR>

<Li>TSEC<BR><BR>

<Li>TSBPC<BR><BR>

<Li>TSMC

</UL>

</BODY>

</HTML>

OUTPUT


PRACTICAL NO: 2

Create a page which linked different colleges of TSGI groups.

<HTML>

<HEAD>

<TITLE>

WELCOME TO TSGI

</TITLE>

</HEAD>

        

<BODY>

<H1> <CENTER>

WELCOME TO TSGI

</CENTER> </H1>

<BR> <BR>

<CENTER>

<TABLE BORDER=5 WIDTH=50%>

<CAPTION ALIGN=CENTER><B>TSGI colleges</B> </CAPTION>

<TR ALIGN=CENTER>

<TH>COLLEGE NAME

<TH>COLLEGE WEBSITE

</TR>

<TR ALIGN=CENTER>

<TD>TSPC

<TD> <A HREF="TSPC.HTML">www.tspc.in</A>

</TR>

<TR ALIGN=CENTER>

<TD>TSEC

<TD> <A HREF="TSEC.HTML">www.tsec.in</A>

</TR>

<TR ALIGN=CENTER>

<TD>TSBPC

<TD> <A HREF="TSBPC.HTML">www.tsbpc.in</A>

</TR>

<TR ALIGN=CENTER>

<TD>TSMC

<TD> <A HREF="TSMC.HTML">www.tsmc.in</A>

</TR>

</TABLE>

<P>

<P>

<P>

For any information

<BR>

Contact :  tsec.mp@gmail.com

</CENTER>

</BODY>

</HTML>

OUTPUT

PRACTICAL NO: 2 (PART TSEC.HTML)

<HTML>

<HEAD>

<TITLE>

WELCOME TO TSEC

</TITLE>

</HEAD>

<BODY>

<H1><CENTER>

WELCOME TO TSEC, BURHANPUR

</CENTER></H1>

<BR><BR>

<CENTER>

<TABLE BORDER=5 WIDTH=50%>

        <CAPTION ALIGN=CENTER><B>www.tsec.in</B></CAPTION>

        <TR ALIGN=CENTER>

        <TH>COLLEGE NAME

        <TH>CONTACT NUMBER

        <TH>COLLEGE EMAIL

        </TR>

        

        <TR ALIGN=CENTER>

        <TD>THAKUR SHIVKUMARSINGH MEMORIAL ENGINEERING COLLEGE

        <TD>07325 288068,69,70,71

        <TD>tsec.mp@gmail.com

        </TR>

        

        

</TABLE>

</CENTER>

</BODY>

</HTML>

OUTPUT

PRACTICAL NO: 2 (PART TSPC,HTML)

<HTML>

<HEAD>

<TITLE>

WELCOME TO TSPC

</TITLE>

</HEAD>

<BODY>

<H1><CENTER>

WELCOME TO TSPC, BURHANPUR

</CENTER></H1>

<BR><BR>

<CENTER>

<TABLE BORDER=5 WIDTH=50%>

        <CAPTION ALIGN=CENTER><B>www.tspc.in</B></CAPTION>

        <TR ALIGN=CENTER>

        <TH>COLLEGE NAME

        <TH>CONTACT NUMBER

        <TH>COLLEGE EMAIL

        </TR>

        

        <TR ALIGN=CENTER>

        <TD>THAKUR SHIVKUMARSINGH MEMORIAL POLYTECHNIC COLLEGE

        <TD>07325 288068,69,70,71

        <TD>tspc.mp@gmail.com

        </TR>

        

</TABLE>

</CENTER>

</BODY>

</HTML>

OUTPUT

                           PRACTICAL NO: 2(PART TSBPC.HTML)

<HTML>

<HEAD>

<TITLE>

WELCOME TO TSBPC

</TITLE>

</HEAD>

<BODY>

<H1><CENTER>

WELCOME TO TSBPC, BURHANPUR

</CENTER></H1>

<BR><BR>

<CENTER>

<TABLE BORDER=5 WIDTH=50%>

        <CAPTION ALIGN=CENTER><B>www.tsbpc.in</B></CAPTION>

        <TR ALIGN=CENTER>

        <TH>COLLEGE NAME

        <TH>CONTACT NUMBER

        <TH>COLLEGE EMAIL

        </TR>

        

        <TR ALIGN=CENTER>

        <TD>THAKUR SHIVKUMARSINGH MEMORIAL PHARMACY COLLEGE

        <TD>07325 288068,69,70,71

        <TD>tsbpc.mp@gmail.com

        </TR>

        

        

</TABLE>

</CENTER>

</BODY>

</HTML>

        

OUTPUT

                              PRACTICAL NO: 2(PART TSMC.HTML)

<HTML>

<HEAD>

<TITLE>

WELCOME TO TSMC

</TITLE>

</HEAD>

<BODY>

<H1><CENTER>

WELCOME TO TSMC, BURHANPUR

</CENTER></H1>

<BR><BR>

<CENTER>

<TABLE BORDER=5 WIDTH=50%>

        <CAPTION ALIGN=CENTER><B>www.tsmc.in</B></CAPTION>

        <TR ALIGN=CENTER>

        <TH>COLLEGE NAME

        <TH>CONTACT NUMBER

        <TH>COLLEGE EMAIL

        </TR>

        

        <TR ALIGN=CENTER>

        <TD>THAKUR SHIVKUMARSINGH MEMORIAL MANAGEMENT COLLEGE

        <TD>07325 288068,69,70,71

        <TD>tsmc.mp@gmail.com

        </TR>

        

        

</TABLE>

</CENTER>

</BODY>

</HTML>

OUTPUT

PRACTICAL NO: 3

Create a Web Page Using Ordered and Un-ordered List.

<html>

<head>

<title>

Ordered and Unordered List

</title>

</head>

<body>

<center>

<p>

<b>My faculties</b>

</p>

</center>

<ol>

<li>Prof. Kunal Batra

<li>Prof. Arpit Maheshwari

<li>Prof. Vikas Yadav

<li>Prof. Chetan Sawaldekar

<li>Prof. Sourabh Tiwari

<li>Prof. Jayesh Umre

</ol>

<center>

<b>

Subjects

</b>

</center>

<ul>

<li>Major Projects

<li>Digital Image Processing

<li>Soft Computing

<li>Data Mining

<li>Training & Placement

<li>Web Engineering

</ul>

</body>

</html>

OUTPUT

PRACTICAL NO: 4

Create a Web Page to Show Record of TSEC in the form of Table

<html>

<head>

<title>

WELCOME TO TSEC

</title>

<head>

<center>

<h1> TSEC, BURHANPUR <BR>COLLEGE RECORD</h1>

</center>

<table border=”2” align=”center” width=”50”>

<tr>

<td>BRANCH</td>

<td>NO. OF STUDENTS</td>

<td>NAME OF HOD’S</td>

</tr>

<tr>

<td>CSE </td>

<td>70</td>

<td>PROF. KUNAL BATRA</td>

</tr>

<tr>

<td>ECE </td>

<td>60</td>

<td>PROF. RAVIRAJ SAWNER</td>

</tr>

<tr>

<td>CE </td>

<td>60</td>

<td>PROF. CHETAN MAHAJAN</td></tr>

<td>EE </td>

<td>60</td>

<td>PROF. MILINDRA TAYADE</td></tr>

<td>ME </td>

<td>60</td>

<td>PROF. DHANRAJ PATEL</td></tr>

</table>

</body>

</html>

OUTPUT

PRACTICAL NO: 5

Create a Frameset divided into four  sections

<HTML>

        <FRAMESET ROWS="15%,25%,25%, 15 %">

                <FRAME NAME="FIRSTSET" SRC="FIRSTSET.HTML">

                <FRAME NAME="SECONDSET" SRC="SECONDSET.HTML">

                <FRAME NAME="THIRDSET" SRC="THIRDSET.HTML" >

                <FRAME NAME="FOURTHSET" SRC="FOURTHSET.HTML" >

        </FRAMESET>

</HTML>

PRACTICAL NO: 5(PART FIRSTSET.HTML)

<HTML>

        <H1 ALIGN=CENTER><B>WELCOME TO TSPC</B></H1>

<body>

<center>

This page describes the frameset and provides information regarding TSPC.

</center>

</body>

</HTML>

 

PRACTICAL NO: 5(PART SECONDSET.HTML)

<HTML>

        <H1 ALIGN=CENTER><B>WELCOME TO TSEC</B></H1>

<body>

<center>

This page describes the frameset and provides information regarding TSEC.

</center>

</body>

</HTML>

PRACTICAL NO: 5(PART THIRDSET.HTML)

<HTML>

        <H1 ALIGN=CENTER><B>WELCOME TO TSBPC</B></H1>

<body>

<center>

This page describes the frameset and provides information regarding TSBPC.

</center>

</body>

</HTML>

PRACTICAL NO: 5(PART FOURTHSET.HTML)

<HTML>

        <H1 ALIGN=CENTER><B>WELCOME TO TSMC</B></H1>

<body>

<center>

This page describes the frameset and provides information regarding TSMC.

</center>

</body>

</HTML>

OUTPUT


PRACTICAL NO: 6

Create a Web Page Using Style Sheet

<html>

<head><title>WELCOME TO TSEC</title>

<style type="text/css">

        h1 {font-family: arial; font-size: 26pt}

        p {color:white;background-color:black;font-style:italic}

        h4 {text-align: justify}

        a {text-decoration: none}

</style>        

</head>

<body>

<h1>TSEC, BURHANPUR</h1>

<p> Thakur Shivkumarsingh Memorial Engineering College is promoted by Navalsingh Sahakari Shakkar Karkkhana Maryadit, Navalnagar, Burhanpur (M.P.). The Institution is established in 2011. ‘Shilanyas’ of this institution is inaugurated by the gracious hands of Smt. Soniya Gandhi , President , Indian National Congress Committee on 9th October 2000..

<h4> “This institution is the fulfilment of the dreams of Late Thakur Shivkumarsingh and the materialization of the aspirations of the peoples of Nimar region”, the words raised by our beloved Project Director Thakur Virendrasinghji. “Success is more permanent when you achieve it without destroying your principles”, are the words of our Chairperson smt. Kishoridevi Shivkumarsingh. The institution is the great milestone in the journey towards better higher technical education for the childrens of the farmers. It is the commitment to achieve perfection in education without compromising on our principles.

</h4>

<a href="tsec.html">www.tsec.in</a>

</body>

<html>

OUTPUT

PRACTICAL NO: 7

Create a calculator Using JAVASCRIPT

<html>

<head>

<title>WELCOME TO TSEC</title>

<script language="JavaScript">

        

        function calculate(form)

        {

                form.results.value=eval(form.entry.value);

        }

</script>

</head>        

<body>

<form>

<h3>JAVASCRIPT CALCULATOR</h3>

<br><br>

        Enter a Mathematical Expression:<br>

        <input type="text" name="entry" value="">

        <input type="button" value="Calculate" onclick="calculate(this.form) ;">

        <br><br>

        The result of this expression is:<br>

        <input type="text" name="results" onfocus="this.blur ( ) ;">

        <br>

</form>

</body>

</html>

OUTPUT

PRACTICAL NO: 08

Create a Web page using JavaScript to Verify a Student Record.

<html>

<head>

<script language="JAVASCRIPT">

                function verifydata()

                {

                   a=0; r="";

                   for (i=0; i<=4;i++)

                   {

                        if(document.forms[0].elements[i].value=="")

                        {

                           a=1;

                           r=r+" "+document.forms[0].elements[i].name+";";

                        }

                        else if((i>3)&&(a==0))

                        {

                           alert("All Textboxes are filled in - Thank You !");

                        }  }

                 for(i=0;i<=4;i++)

                    {

                        if(document.forms[0].elements[i].value=="")

                        {

                           alert("Please fill in the following Textbox/Textboxes:-"+r);

                           document.forms[0].elements[i].focus();

                           break;

                        }}}

        </script>        

</head>

<body>

<form>

        First Name:<input type="text" name="Firstname" size=20>

        Last Name:<input type="text" name="Lastname"  size=20><p>

        College Name: <input type="text" name="Collegename"  size=60><p>

        Branch Name: <input type="text" name="Branchname"  size=6><p>

        <input type="button" name="act" value="Verify" onclick="verifydata()">

</form>

</body>

<script language="javascript">

document.forms[0].Firstname.focus();

</script>

</html>

OUTPUT

PRACTICAL NO: 09

Create a Web page to show image.

<html>

<head>

</head>

<body>

<center><img src="D:\Images\tsec.jpg" height="100px" width="200px" alt ="Image not supported">

</center>

</body>

</html>

OUTPUT

PRACTICAL NO: 10

Create a Web page to show video.

<html>

<head>

</head>

<body>

<center><video src="D:\video\htmlvideo.mp4" height="300px" width="500px" controls>

</center>

</body>

</html>

OUTPUT


PRACTICAL NO: 11

Create a Web page for audio.

<html>

<head>

</head>

<body>

<center><audio src="D:\video\htmlvideo.mp4" height="300px" width="500px" controls>

</center>

</body>

</html>

OUTPUT