Scribd
Upload
58 views68 pages

Web Application Development Lab Report

The document outlines practical assignments for students in the Department of Computer Science and Application at Bharathi Women’s Arts and Science College, focusing on web application development. It includes a certificate template for practical records, an index of programs to be developed, and sample HTML code for various web pages related to the college. The assignments cover topics such as creating a college website, HTML documents, and PHP validation for forms.

Uploaded by

raviraja.kallai
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
58 views68 pages

Web Application Development Lab Report

The document outlines practical assignments for students in the Department of Computer Science and Application at Bharathi Women’s Arts and Science College, focusing on web application development. It includes a certificate template for practical records, an index of programs to be developed, and sample HTML code for various web pages related to the college. The assignments cover topics such as creating a college website, HTML documents, and PHP validation for forms.

Uploaded by

raviraja.kallai
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

BHARATHI WOMEN’S ARTS AND SCIENCE COLLEGE

(AN ISO 9001-2000 CERTIFIED INSTITUTION)

THACHUR,KALLAKURICHI-606213.

DEPARTMENT OF COMPUTER
SCIENCE
&
APPLICATION

NAME : …………………………………………………………………………………………

COURSE : …………………………………………………………………………………………

REGISTER NO : …………………………………………………………………………………………
BHARATHI WOMEN’S ARTS AND SCIENCE COLLEGE

(AN ISO 9001-2000 CERTIFIED INSTITUTION)

THACHUR,KALLAKURICHI-606213.

DEPARTMENT OF COMPUTER SCIENCE & APPLICATION

CERTIFICATE

Certificate that this is the bonafide record of practical done by ………………………….

………………………………. Register Number ........................................... year/Branch

…………………In the lab........................................................................ During the

academic year………………………

Faculty Incharge Head of the Department

Submitted for the University Practical Examination held on……………………

Internal Examiner External Examiner


23PCSCP42 : PRACTICAL VII: WEB APPLICATION DEVELOPMENT AND HOSTING

INDEX PAGE

[Link]. DATE LIST OF PROGRAMS PAGE NO. SIGNATURE

Develop website for your college using advanced


1
tags of HTML

Write names of several countries in a paragraph


and store it as an HTML document, [Link].
Each country name must be a hot text. When you
2
click India (for example), it must open [Link]
and it should provide a brief introduction about
India

Develop a HTML document to i)display Text with


3 Bullets / Numbers - Using Lists ii) to display the
Table Format Data

Develop a Complete Web Page using Frames and


4 Framesets which gives the Information about a
Hospital using HTML

Write a HTML document to print your Bio-Data in


5
a neat format using several components

Develop a HTML document to display a


6
Registration Form for an inter-collegiate function

Using HTML form accept Customer details like


Name, City, Pin code, Phone number and Email
7
address and validate the data and display
appropriate messages for violations using PHP

Write a program to accept two numbers n1 and n2


8 using HTML form and display the Prime numbers
between n1 and n2 using PHP
PAGE NO :

PGM 1 : Develop website for your college using advanced tags of HTML.
“[Link]”
<html>
<head>
<title>Bharathi's Official Web</title>
<style>
body {
background-image:url('[Link]') ;
height: 90%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
<br>
<img src="[Link]" align=left height=80px width=8%>
<br><hr><center><font face=fantasy size=9 color=white>Bharathi Women's Arts And
Science College </font>
<font face=fantasy size=4 color=green><h3>( Affliated to Annamalai University
)</h3></font></center>
<br>
<hr>
<font face=serif size=5 color=white><marquee direction="right" loop=""><b>~ ~
Admission going on (2025-2026) ~ ~</b></marquee></font><hr>
</head>
<body>
<br><br>
<font face="Georgia" size=5 color=white >
<ul type="circle" >

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<li><a style="color:white" href="[Link]" ><b>Home</b></a>


<li>Courses--<a style="color:white" href ="[Link]"><b>UG courses</b></a>,<a
style="color:white" href="[Link]">PG courses</a>
<li><a style="color:white" href="[Link]"><b>Faculty Profile</b></a>
<li><a style="color:white" href="[Link]"><b>Placement Cell</b></a>
<li><a style="color:white" href="[Link]"><b>Alumini Association</b></a>
<li><a style="color:white" href="[Link]"><b>Help Desk Address</b></a>
</ul>
</body>
</html>
“[Link]”
<html>
<head>
<title>Struct of Institution</title>
<style>
body {
background-image:url('[Link]') ;
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<br>
<hr>
<center>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<font face="serif" color=yellow>


<h1>Infrastructure Structure and Facilities Available in Institution</h1>
</font>
</center>
<br>
<hr>
<font face="serif" color=white size=5>
<ul type="square">
<li><b>Auditorium Fcaility(A/C)</b>
<p><a href="[Link]" style="color:yellow">Images of Auditorium</a></p>
<li><b>SmartBoard Class</b>
<p><a href="[Link]" style="color:yellow">Images of SmartBoard Class</a></p>
<li><b>Bus Facilities</b>
<p><a href="[Link]" style="color:yellow">Images of Bus Facilities</a></p>
<li><b>Lab Facilities for every Departments</b>
<p><a href="[Link]" style="color:yellow">Images of Lab Facilities for every
Departments</a></p>
</ul>
</font>
</body>
</html>
“[Link]”
<html>
<head>
<title>Auditorium</title>
<head>
<body>
<center>
<hr>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<font color=red><h2>Auditorium Images</h2></font>


<hr>
<br><img src="[Link]" height=50% width=50%><br><br>
<br><img src="[Link]" height=50% width=50%><br><br>
<br><img src="[Link]" height=50% width=50%><br><br>
<br><img src="[Link]" height=50% width=50%><br><br>
<br><img src="[Link]"height=50% width=50%><br><br>
</center>
</body>
</html>
“[Link]”
<html>
<head>
<title>Smart class</title>
<head>
<body>
<center>
<hr>
<font color=red><h2>SmartClass Images</h2></font>
<hr>
<br><img src="[Link]" height=50% width=40%><br><br>
<br><img src="[Link]" height=50% width=40%><br><br>
<br><img src="[Link]" height=50% width=40%><br><br>
<br><img src="[Link]" height=50% width=40%><br><br>
<br><img src="[Link]"height=50% width=40%><br><br>
<br><img src="[Link]"height=50% width=40%><br><br>
</center>
</body>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

“[Link]”
<html>
<head>
<title>College Bus</title>
<head>
<body>
<center>
<hr>
<font color=red><h2>College Bus Images</h2></font>
<hr>
<br><img src="[Link]" height=50% width=40%><br><br>
<br><img src="[Link]" height=50% width=40%><br><br>
<br><img src="[Link]" height=50% width=40%><br><br>
<br><img src="[Link]" height=50% width=40%><br><br>
<br><img src="[Link]"height=50% width=40%><br><br>
<br><img src="[Link]"height=50% width=40%><br><br>
</center>
</body>
</html>
“[Link]”
<html>
<head>
<title>lab</title>
<head>
<body>
<hr>
<center><font color=red><h2>Lab Facilities Images</h2></font></center>
<hr>
<H2>COMPUTER SCIENCE LAB</H2>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<center>
<br><img src="[Link]" height=50% width=40%><img src="[Link]" height=50%
width=40%>
<br><br><br><img src="[Link]" height=50% width=40%><img src="[Link]" height=50%
width=40%>
</center>
<H2>CHEMISTRY LAB</H2>
<center>
<br><img src="[Link]" height=50% width=40%><img src="[Link]" height=50%
width=40%>
<br><br><br><img src="[Link]" height=50% width=40%><img src="[Link]" height=50%
width=40%>
</center>
<H2>PHYSICS LAB</H2>
<center>
<br><img src="[Link]" height=50% width=40%><img src="[Link]" height=50%
width=40%>
<br><br><br><img src="[Link]" height=50% width=40%><img src="[Link]" height=50%
width=40%>
</center>
<H2>BOTONY & ZOOLOGY LAB</H2>
<center>
<br><img src="[Link]" height=50% width=40%><img src="[Link]" height=50%
width=40%>
<br><br><br><img src="[Link]" height=50% width=40%><img src="[Link]"
height=50% width=40%>
<br><br><br><img src="[Link]" height=50% width=40%><img src="[Link]"
height=50% width=40%>
</center>
<H2>MICROBIOLOGY LAB</H2>
<center>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<br><img src="[Link]" height=50% width=40%><img src="[Link]" height=50%


width=40%>
<br><br><br><img src="[Link]" height=50% width=40%><img src="[Link]"
height=50% width=40%>
</center>
</body>
</html>
Courses-“[Link]”
<html>
<head>
<title>UG courses</title>
<style>
body {
background-image:url('[Link]') ;
height: 120%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<br><hr>
<center>
<font face="serif" color=yellow size=5><marquee direction ="left" loop=""><h1> UG
courses Offered</h1></marquee></font>
</center><hr>
<ul type="square">
<font face="serif" color=white size=4>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<center><P><h2>Arts Departments</h2></p></center>
<li>BBA
<li>B.A.,TAMIL
<li>B.A.,HISTORY
<li>B.A.,ENGLISH
<li>B.,COM
</font>
<br>
<font face="serif" color=white size=4>
<hr><center><P><h2>Science Departments</h2></p></center>
<li>[Link].,MATHS
<li>[Link].,BOTONY
<li>[Link].,PHYSICS
<li>[Link].,ZOOLOGY
<li>[Link].,CHEMISTRY
<li>[Link].,MICROBIOLOGY
<li>[Link].,COMPUTER SCIENCE
<li>[Link].,COMPUTER APPLICATIONS
</font>
</ul>
</body>
</html>
“[Link]”
<html>
<head>
<title>PG courses</title>
<style>
body {
background-image:url('[Link]') ;
height: 100%;

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

/* Center and scale the image nicely */


background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<br><hr>
<center>
<font face="serif" color=yellow size=4><marquee direction ="left" loop=""> <h1>PG
courses Offered </h1></marquee></font>
</center><hr>
<ul type="square">
<font face="serif" color=white size=4>
<center><P><h2>Arts Departments</h2></p></center>
<li>M.A.,TAMIL
<li>M.A.,ENGLISH
<li>M.,COM
</font>
<br>
<hr>
<font face="serif" color=white size=4>
<center><P><h2>Science Departments</h2></p></center>
<li>[Link].,MATHS
<li>[Link].,BOTONY
<li>[Link].,PHYSICS
<li>[Link].,ZOOLOGY
<li>[Link].,CHEMISTRY
<li>[Link].,MICROBIOLOGY
<li>[Link].,COMPUTER SCIENCE
<li>[Link].,COMPUTER APPLICATIONS
</font>
</ul>
</body>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

</html>
“[Link]”
<html>
<head>
<title>profiles</title>
<style>
body {
background-image:url('[Link]') ;
height: 160%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<center>
<h2><font face=times new roman color=yellow><b><u>Faculty Profiles</u></b>
</font> </h2>
<table style="color:white" height=900px width=50% border=1>
<caption><b>Staff's Profiles</b></caption>
<tr align=center><th>[Link]</th><th>STAFF NAME</th><th>WORKING
YEARS</th></tr>
<tr align=center><td>1</td><td>[Link] [Link].,PH.D</td><td>23</td></tr>
<tr align=center><td>2</td><td>[Link] [Link]</td><td>21</td></tr>
<tr align=center><td>3</td><td>[Link] [Link]</td><td>15</td></tr>
<tr align=center><td>4</td><td>[Link] [Link]</td><td>16</td></tr>
<tr align=center><td>5</td><td>SWETHA [Link]</td><td>18</td></tr>
<tr align=center><td>6</td><td>MEERA [Link]</td><td>20</td></tr>
<tr align=center><td>7</td><td>SUGANYA [Link]</td><td>17</td></tr>
<tr align=center><td>8</td><td>BAVANI [Link]</td><td>15</td></tr>
<tr align=center><td>9</td><td>ARCHANA [Link]</td><td>20</td></tr>
<tr align=center><td>10</td><td>[Link] [Link]</td><td>20</td></tr>
<tr align=center><td>11</td><td>[Link] [Link]</td><td>22</td></tr>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<tr align=center><td>12</td><td>SHALINI [Link].,[Link]</td><td>23</td></tr>


<tr align=center><td>13</td><td>KALPANA [Link]</td><td>21</td></tr>
<tr align=center><td>14</td><td>AARIFA [Link]</td><td>15</td></tr>
<tr align=center><td>15</td><td>RAJESH [Link]</td><td>16</td></tr>
<tr align=center><td>16</td><td>SELVARAJ [Link],[Link]</td><td>18</td></tr>
<tr align=center><td>17</td><td>MOUNIKA [Link]</td><td>20</td></tr>
<tr align=center><td>18</td><td>SUGUNA [Link]</td><td>17</td></tr>
<tr align=center><td>19</td><td>BAVADHARANI [Link]</td><td>15</td></tr>
<tr align=center><td>20</td><td>ARUNACHALAM [Link]</td><td>20</td></tr>
<tr align=center><td>21</td><td>KANMANI [Link]</td><td>20</td></tr>
<tr align=center><td>22</td><td>[Link]
[Link]</td><td>22</td></tr>
</table>
</center>
</font>
</body>
</html>
“[Link]”
<html>
<head>
<title>placement info</title>
<style>
body {
background-image:url('[Link]') ;
height: 250%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<CENTER><font face=times new roman color=yellow><MARQUEE DIRECTION="left"
loop=" "><h1> BHARATHI'S PLACEMENT INFO
</H1></marquee></font></CENTER><hr>
II M. SC. – COMPUTER SCIENCE – WEB LAB
PAGE NO :

<table style="color:white" align="center" height=1100px width=80% border=1>


<caption><B><H3> // PLACEMENT CELL // </H3> </B></caption>
<tr
align=center><th>YEAR</th><th>[Link]</th><th>[Link]
PARTICIPATED</th><th>[Link] SELECTED</th></tr>
<tr align=center><td>2011-2012</td><td>300</td><td>170</td><td>150</td></tr>
<tr align=center><td>2012-2013</td><td>400</td><td>300</td><td>250</td></tr>
<tr align=center><td>2013-2014</td><td>340</td><td>370</td><td>250</td></tr>
<tr align=center><td>2014-2015</td><td>450</td><td>450</td><td>180</td></tr>
<tr align=center><td>2015-206</td><td>350</td><td>450</td><td>190</td></tr>
<tr align=center><td>2016-2017</td><td>450</td><td>370</td><td>220</td></tr>
<tr align=center><td>2017-2018</td><td>470</td><td>250</td><td>150</td></tr>
<tr align=center><td>2018-2019</td><td>550</td><td>450</td><td>350</td></tr>
<tr align=center><td>2019-2020</td><td>570</td><td>360</td><td>250</td></tr>
<tr align=center><td>2020-2021</td><td>450</td><td>380</td><td>350</td></tr>
<tr align=center><td>2021-2022</td><td>530</td><td>270</td><td>150</td></tr>
<tr align=center><td>2022-2023</td><td>570</td><td>380</td><td>370</td></tr>
<tr align=center><td>2023-2024</td><td>600</td><td>480</td><td>350</td></tr>
<tr align=center><td>2024-2025</td><td>530</td><td>270</td><td>150</td></tr>
<tr align=center><td>2025-2026</td><td>570</td><td>380</td><td>370</td></tr>
<tr align=center><td>2026-2027</td><td>600</td><td>480</td><td>350</td></tr>
<tr align=center><td>2027-2028</td><td>470</td><td>250</td><td>150</td></tr>
<tr align=center><td>2028-2029</td><td>550</td><td>450</td><td>350</td></tr>
<tr align=center><td>2029-2030</td><td>570</td><td>360</td><td>250</td></tr>
</table>
</body>
</html>
“[Link]”
<html>
<head>
<title>Alumini Association</title>
<style>
body {
background-image:url('[Link]') ;
height: 350%;

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

/* Center and scale the image nicely */


background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<CENTER><font face=times new roman color=yellow><MARQUEE
DIRECTiON="left" loop=" "><h1> ALUMINI ASSOCIATON OF BHARATHI
INSTITUTE </H1></marquee></font></CENTER><hr>
<font face=times new roman color=blue><table style="color:white" align="center"
height=2000px width=80% border=1>
<caption><B><H3> // PLACEMENT CELL // </H3> </B></caption>
<tr align=center><th>[Link]</th><th>STUDENT
NAME</th><th>DEGREE</th><th>WORK</th></tr>
<tr align=center><td>1</td><td>SHANMUGAPRIYA S</td> <td>[Link].,PHYSICS
</td><td>TEACHER</td></tr>
<tr align=center><td>2</td><td>ROJAVATHI S</td><td>[Link].,CS</td><td>WEB
DEVELOPER</td></tr>
<tr align=center><td>3</td><td>VENKADESH S</td><td>[Link].,CS</td>
<td>ANDROID DEVELOPER </td></tr>
<tr align=center><td>4</td><td>ARCHANA S</td><td>[Link].,MICRO</td><td>LAB
TECHNISION</td></tr>
<tr align=center><td>5</td><td>ABIRAMI
K</td><td>M.A.,ENGLISH</td><td>LITERATURE</td></tr>
<tr align=center><td>6</td><td>SANGEETHA P</td><td>[Link].,CS</td>
<td>SOFTWARE TESTING</td></tr>
<tr align=center><td>7</td><td>SINDHU M</td><td>M.A.,ENGLISH</td>
<td>LITERATURE</td></tr>
<tr align=center><td>9</td><td>HARINI S</td><td>[Link].,PHYSICS</td>
<td>TEACHER</td></tr>
<tr align=center><td>10</td><td>MANJU S</td><td>[Link].,CS</td><td>ANDROID
DEVELOPER </td></tr>
<tr align=center><td>11</td><td>GEETHA S</td><td>[Link].,MICRO</td><td>LAB
TECHNISION</td></tr>
<tr align=center><td>12</td><td>RIMASHAN K</td><td>M.A.,ENGLISH</td>
<td>LITERATURE</td></tr>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<tr align=center><td>13</td><td>DIYA P</td><td>[Link].,CS</td><td>SOFTWARE


TESTING</td></tr>
<tr align=center><td>14</td><td>ARISHA M</td><td>[Link].,PHYSICS</td>
<td>TEACHER</td></tr>
<tr align=center><td>15</td><td>SEVINA R</td><td>[Link].,CS</td><td>WEB
DEVELOPER</td></tr>
<tr align=center><td>16</td><td>PARVEEN S</td><td>[Link].,CS</td>
<td>ANDROID DEVELOPER </td></tr>
<tr align=center><td>17</td><td>GOPIKA L</td><td>[Link].,MICRO</td><td>LAB
TECHNISION</td></tr>
<tr align=center><td>18</td><td>KALAISELVI K</td><td>M.A.,ENGLISH</td>
<td>LITERATURE</td></tr>
<tr align=center><td>19</td><td>GAYATHRI P</td><td>[Link].,CS</td>
<td>SOFTWARE TESTING</td></tr>
<tr align=center><td>20</td><td>DIVYA M</td><td>M.A.,ENGLISH</td>
<td>LITERATURE</td></tr>
<tr align=center><td>21</td><td>SOWMIYA S</td><td>[Link].,PHYSICS</td>
<td>TEACHER</td></tr>
<tr align=center><td>22</td><td>RAMANI S</td><td>[Link].,CS</td><td>ANDROID
DEVELOPER </td></tr>
<tr align=center><td>23</td><td>SARGUNAM S</td><td>[Link].,MICRO</td>
<td>LAB TECHNISION</td></tr>
<tr align=center><td>24</td><td>MAHALAKSHMI K</td><td>M.A.,ENGLISH</td>
<td>LITERATURE</td></tr>
<tr align=center><td>25</td><td>NILA M</td><td>[Link].,CS</td><td>SOFTWARE
TESTING</td></tr>
<table>
</font>
</body>
</html>
“[Link]”
<html>
<head>
<title>Alumini Association</title>
<style>
body {
background-image:url('[Link]') ;
height: 90%;

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

/* Center and scale the image nicely */


background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<br><hr><CENTER><font face=serif color=yellow><h1> HELP LINE
</H1></font></CENTER><hr>
<br><font face=times new roman color=white size=5>
<dl>
<p><img src="[Link]" height=5% width=2.5%> : salem maind
road,thatchur,kallakurichi(dist)606 213</p>
<p ><span style='font-size:28px;'>&#128222;</span>No: 7324561910,</p>
<p><img src="[Link]" height=5% width=2.5%> No: 7771101110</p>
<p><span style='font-size:30px;'>&#128231</span>: bwascollege@[Link]</p>
</font>
</body>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

Output screen shots

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

PGM 2 : Write names of several countries in a paragraph and store it as an HTML


document, [Link]. Each country name must be a hot text. When you click India
(for example), it must open [Link] and it should provide a brief introduction
about India.

[Link]
<html>
<head>
<title>WorldCountries</title>
<style>
body {
background-image:url('[Link]') ;
height: 95%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body bgcolor="LightSteelBlue">
<center>
<marquee
direction="right" loop="">
<font face="fantasy"
color=green>
<br><br><h1><b>W o r l d C o u n t r i e s</b></h1>
</font>
</marquee>
<font face="serif"

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

color=#191970>
<h1><b>List of World Countries</b></h1>
</center>
<a href="[Link]"><h2>* India</h2></a>
<a href="[Link]"><h2>* America</h2></a>
<a href="[Link]"><h2>* Canada</h2></a>
<a href="[Link]"><h2>* Italy</h2></a>
<a href="[Link]"><h2>* China</h2></a>
</font>
</body>
</html>
[Link]
<html>
<head>
<title> India</title>
<font face="fantasy"
color=#324ab2 >
<center>
<marquee direction="right" loop=""><h1><b>About India</b></h1>
</blink></marquee>
</font>
</center>
<center>
<img src="[Link]" width="1200" height="375">
</center>
<font face="times new roman"
color=#324ab2 >
<h2><b>Country of India</b></h2>
</font>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<body bgcolor="#f8de7e">
<font face="Italic"
color=#003153
size=4>
<ul type="circle">
<br><li>India, country that occupies the greater part of South Asia. It is made up
of 28 states and eight union territories, and its national
capital is New Delhi, built in the 20th century just south of the historic
hub of Old Delhi to serve as India’s administrative center.
<br><li>Its governmentis a constitutional republic that represents a highlydiverse
population
consisting of thousands of ethnic groups and hundredsof languages.
<li>India became the world’s most populous country in 2023, according to
estimates by the United Nations.
<li>It is known from archaeological evidence that a highly sophisticated urbanized
culture the Indus civilization dominated the northwestern part of the subcontinent
from about 2600 to 2000 bce.
<li> From that period on, India functioned as a virtually
self-contained political and cultural arena, which gave rise to a distinctive tradition
that was associated primarily with Hinduism, the roots of which possibly can be
traced to the Indus civilization.
</ul>
</font>
</body>
</head>
</html>
[Link]
<html>
<head>
<title> America</title>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<font face="fantasy" color=#4169E1>


<marquee direction="right" loop=""><h1><b> $|| About America ||$</b>
</h1></marquee>
</font>
<font face="arial" color=yellow>
<center><img src="[Link]" width="1200" height="395"></center>
<body bgcolor="#7393B3">
<font face="serif"
color=#4169E1>
<h2><b>Country of America</b></h2>
</font>
<font face="serif" size=4 color=black>
<p>United States, country in North America, a federal republic of 50 states. Besides
the 48 conterminous states that occupy the middle latitudes of the continent, the
United States includes the state of Alaska, at the northwestern extreme of North
America, and the island state of Hawaii, in the mid-Pacific Ocean. The
conterminous states are bounded on the north by Canada, on the east by the Atlantic
Ocean, on the south by the Gulf of Mexico and Mexico, and on the west by the
Pacific Ocean. The United States is the fourth largest country in the world in area
(after Russia, Canada, and China). The national capital is Washington, which is
coextensive with the District of Columbia, the federal capital region created in
1790.</p>
<p>United StatesThe major characteristic of the United States is probably its great
variety. Its physical environment ranges from the Arctic to the subtropical, from the
moist rain forest to the arid desert, from the rugged mountain peak to the flat prairie.
Although the total population of the United States is large by world standards, its
overall population density is relatively low. The country embraces some of the
world’s largest urban concentrations as well as some of the most extensive areas that
are almost devoid of habitation.</p>
</font>
</body>
</head>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

[Link]
<html>
<head>
<title>Canada</title>
<font face="fantasy" color=#324ab2 >
<center> <marquee direction="right" loop=""><h1><b>About Canada</b></h1>
</blink></marquee> </font>
<img src="[Link]" width="1380" height="395">
</center>
<font face="serif" color=#324ab2 ><h2>COUNTRY OF CANADA</h2></font>
<body bgcolor="#DEF4FC ">
<font face="serif" color=#003153 size=4>
<li>Canada is a vast and rugged land. From north to south it spans more than half the
Northern Hemisphere. From east to west it stretches almost 4,700 miles (7,560
kilometers) across six time zones. It is the second largest country in the world, but it
has only one-half of one percent of the world's population.
<li>Canada features black-blue lakes, numerous rivers, majestic western mountains,
rolling central plains, and forested eastern valleys. The Canadian Shield, a hilly region
of lakes and swamps, stretches across northern Canada and has some of the oldest
rocks on Earth.
<font face="serif" color=#324ab2 ><h2>GOVERNMENT &
ECONOMY</h2></font>
<li>The British monarch is the head of state of Canada. The monarch is represented
by a governor-general, who has very limited powers. Laws are made by Canada's
elected federal government, which includes a parliament and a prime minister.
<li>Britain's Quebec Act of 1774 granted Quebec its own legal and religious rights.
Despite this concession, many Quebec citizens have long sought independence. In
votes held in 1980 and 1995, Quebec decided to stay in Canada. But the second vote
was very close, and the debate is still alive.
</font>
</body>
</head>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

[Link]
<html>
<head>
<title>Canada</title>
<font face="fantasy"
color=#324ab2 >
<center> <marquee direction="right" loop=""><h1><b>About italy</b></h1>
</marquee>
</font>
<img src="[Link]" width="1380" height="395">
</center>
<font face="times new roman" color=#4169E1><h2>COUNTRY OF
ITALY</h2></font>
<body bgcolor="#ADD8E6 ">
<font face="serif" color=#003153 size=4>
<li>Italy is a boot-shaped peninsula that juts out of southern Europe into the
Adriatic Sea, Tyrrhenian Sea, Mediterranean Sea, and other waters.
<font face="times new roman" color=#4169E1><h2>PEOPLE &
CULTURE</h2></font>
<li>Since the rise of the Roman Empire, Italian art, architecture, and culture have
had an influence around the world. Famed Italian painters include Leonardo da
Vinci and Michelangelo. Italy is also at the heart of the Catholic Church, which is
governed from Vatican City, a city-state surrounded by Rome.
<li>The family is at the center of Italian society. Young people often live at home
until they are in their 30s, even if they have a job. When parents retire, they often
go to live with their children.
<font face="times new roman" color=#4169E1><h2>NATURE</h2></font>
<li> For 22 centuries, Italians and their ancestors have cleared fields, grazed
livestock, and hunted wild animals. Forests that once covered large areas are gone.
But the country's remote places and many national parks still have wilderness
largely untouched by humans.
<li>The lower slopes of Italy's Alps are covered with forests. Above these
woodlands are meadows that explode with specially adapted wildflowers in the

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

spring. Throughout Italy, millions of birds stop to rest during their annual
migration to Africa
</font>
</body>
</head>
</html>
“[Link]”
<html>
<head>
<title>China</title>
<style>
body {
background-image: url('[Link]') ;
height: 160%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
<font face="fantasy" color=white >
<center>
<marquee direction="left" loop="">
<h1><b>About China</b></h1> </blink>
</marquee>
</font>
<img src="[Link]" width="1380" height="395">
</center>
<font face="serif" color=white>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<h2><u>COUNTRY OF CHINA</u></h2>
</font>
<body >
<font face="serif" color=white size=4>
<p>* Stretching 3,100 miles (5,000 kilometers) from east to west and 3,400 miles
(5,500 kilometers) from north to south, China is a large country with widely varying
landscapes.</p>
<h2><u>PEOPLE & CULTURE</u></h2>
<p>* With a population of 1.4 billion, China has more people than any other country
on Earth. About a third of the population lives in cities. The rest of the people live in the
country.</p>
<p>* Arts and crafts have a long history in China. Thousands of years ago the Chinese
were some of the first people to use silk, jade, bronze, wood, and paper to make art. The
artistic writing called calligraphy was invented in China.</p>
<h2><u>NATURE</u></h2>
<p>* China's diverse habitats are home to hundreds of species of animals and plants.
More than 3,800 species of fish and hundreds of amphibians and reptile species live in the
rivers, lakes, and coastal waters.</p>
<p>* China's forest wildlife is threatened by logging and clear-cutting (clearing the
land of all trees) for farmland. Expanding deserts in the north also shrink animal habitats.
The Chinese government has created more than 1,200 reserves to protect plant and animal
species.</p>
</font>
</body>
</head>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

Output screen shots

“[Link]”

“[Link]”

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

“[Link]”

“[Link]”

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

“[Link]”

“[Link]”

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

PGM 3 : Develop a HTML document to i)display Text with Bullets / Numbers -


Using Lists ii) to display the Table Format Data

“[Link]”

<html>
<head>
<title>LIST , BULLETS AND TABLES</TITLE>
<style>
body {
background-image: url('[Link]') ;
height: 500%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<br>
<hr>
<center>
<font face=fantasy color=purple><marquee direction="left" loop=""><H1><i> ~ ~
HTML D O C U M E N T ~ ~ </i></H1></marquee></font>
</center>
<hr>
<br>
<font face="serif" size=5>
<ul type="square">
<li><a href="[Link]"><i><b>List & Bullets</b></i></a>
<br><li><a href="[Link]"><b><i> Table</i></b></a>
</ul>
</font>
</body>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

“[Link]”

<html>
<head>
<title>LIST & BULLETS</TITLE>
<style>
body {
background-image: url('[Link]') ;
height: 500%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
<font pase="fantasy" color=green>
<marquee direction="left" loop=" ">
<h2>HTML coding using bullets and numbering</h2>
</marquee><hr>
</font>
</head>
<body>
<font pase="serif" color=navy blue size=5>
<ol type="I">
<li><b>Hardware courses</b>
</ol>
</font>
<ol type="1">
<br>
<li><b>Hardware Security</b>
<p> Hardware security is the protection of a device's physical components and
data from unauthorized access, theft, or tampering. It's a combination of physical and
digital security measures that work together to protect against cyberthreats. </P>
<li><b>Cisco</b>
<p>Cisco Systems, Inc. is a leading networking company best known as a
manufacturer and vendor of networking equipment. The company also provides software
and offers related services. </P>
II M. SC. – COMPUTER SCIENCE – WEB LAB
PAGE NO :

<li><b>Hardware and Network Troubleshooting</b>


<p> Hardware and network troubleshooting involves identifying and resolving
issues related to physical network components like cables, routers, switches, and network
interface cards, by checking connections, verifying configurations, and using diagnostic
tools to pinpoint the source of network connectivity problems </P>
<li><b>VLSI chip design with CPS</b>
<p> At its core,VLSI involves the integration of millions, even billions, of
transistors onto a single chip, maximizing functionality while minimizing area and power
consumption. The process is made up of various stages, each demanding attention to
detail and cutting-edge expertise. </P>
<li><b>Arduino Platform</b>
<p>Arduino is a project, open-source hardware, and software platform used
to design and build electronic devices. It designs and manufactures microcontroller kits
and single-board interfaces for building electronics [Link] Arduino boards were
initially created to help the students with the non-technical background. </P>
<li><b>Microprocessors</b>
<p> A Microprocessor is an important part of a computer architecture
without which you will not be able to perform anything on your computer. It is a
programmable device that takes in input performs some arithmetic and logical operations
over it and produces the desired output. In simple words, a Microprocessor is a digital
device on a chip that can fetch instructions from memory, decode and execute them, and
give results. </P
</ol>
<br>
<font pase="serif" color=navy blue size=5>
<ol type="I"
start="II">
<li><b>Software Courses</b>
</ol>
</font>
<ol type="1">
<font pase="serif" color=navy blue size=5><br>
<li><u>Advanced Software</u>
</font>
<ul type="circle">
<br><li><b>Artificial Intelligence</b>
<p>All but the simplest human behavior is ascribed to intelligence,
while even the most complicated insect behavior is usually not taken as an indication of

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

intelligence. What is the difference? Consider the behavior of the digger wasp, Sphex
ichneumoneus. When the female wasp returns to her burrow with food, she first deposits
it on the threshold, checks for intruders inside her burrow, and only then, if the coast is
clear, carries her food inside.</p>
<li><b>Image Processing</b>
<p>Digital Image Processing means processing digital image by
means of a digital computer. We can also say that it is a use of computer algorithms, in
order to get enhanced image either to extract some useful information.
Digital image processing is the use of algorithms and
mathematical models to process and analyze digital images. The goal of digital image
processing is to enhance the quality of images, extract meaningful information from
images, and automate image-based tasks.</p>
<li><b>Computer Simulator</b>
<p>computer simulation, the use of a computer to represent the
dynamic responses of one system by the behaviour of another system modeled after it. A
simulation uses a mathematical description, or model, of a real system in the form of a
computer program. This model is composed of equations that duplicate the functional
relationships within the real system.</p>
<li><b>Nerual N/W</b>
<p>Neural networks are machine learning models that mimic the
complex functions of the human brain. These models consist of interconnected nodes or
neurons that process data, learn patterns, and enable tasks such as pattern recognition and
decision-making.</p>
<li><b>ML for computer Vision</b>
<p>Computer vision applications use artificial intelligence and
machine learning (AI/ML) to process this data accurately for object identification and
facial recognition, as well as classification, recommendation, monitoring, and
detection.</p>
<li><b>AI for Computer Vision</b>
<P>Computer vision is a field of AI that trains computers to capture
and interpret information from image and video data. By applying machine learning
(ML) models to images, computers can classify objects and respond—like unlocking
your smartphone when it recognizes your face.</p>
</ul>
<font pase="serif" color=navy blue size=5>
<li><u>Programming Languages</u>
</font>
<ul type="circle">
<br><li><b>Python for Beginner</b>
<p>Python is a popular programming language. It was created by

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

Guido van Rossum, and released in 1991.


It is used for web development (server-side),software
development,mathematics,system scripting.</p>
<li><b>Database & SQL</b>
<p>SQL stands for Structured Query Language. It is a standardized
programming language used to manage and manipulate relational databases. It enables
users to perform a variety of tasks such as querying data, creating and modifying
database structures, and managing access permissions. SQL is widely used across various
relational database management systems such as MySQL, PostgreSQL, Oracle, and SQL
Server.</p>
<li><b>Raspberry Pi</b>
<p>The Raspberry Pi Foundation developed a series of miniature
single-board computers in the United Kingdom. The Raspberry Pi was developed with
the goal of encouraging the teaching of basic computer science in schools and
underdeveloped countries. The Raspberry Pi was first published in 2012, and since then,
various revisions and modifications have been developed. People use the Raspberry Pi all
across the world to learn programming, develop hardware projects, automate their
homes, implement Kubernetes clusters and Edge computing, and even employ them in
industrial applications.<p>
<li><b>R Programming</b>
<p>The R Language stands out as a powerful tool in the modern era of
statistical computing and data analysis. Widely embraced by statisticians, data scientists,
and researchers, the R Language offers an extensive suite of packages and libraries
tailored for data manipulation, statistical modeling, and visualization. In this article, we
explore the features, benefits, and applications of the R Programming Language,
shedding light on why it has become an indispensable asset for data-driven professionals
across various industries.</p>
</ul>
</ol>
</ul>
</body>
</html>
“[Link]”
<html>
<head>
<title>Tables</title>
<style>
body {
background-image: url('[Link]') ;

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

height: 500%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<center><H3>CARS</h3></center>
<table align=center width=60% height=500px border=4>
<caption><b>Car Details</b></caption><br>
<tr align=center><th rowspan=2>[Link]</th><th rowspan=2>Car Company</th><th
colspan=3>DESCRIPTION</th><th rowspan=2>COMPANY WEBSITE</th></tr>
<tr
align=center><td><b>Model</b></td><b><td><b>Price</b></td><td><b>Year</b></t
d></tr>
<tr align=center><td rowspan=4>1</td><td rowspan=4>Tesla</td></tr>
<tr align=center><td>Tesla Model 3</td><td>70-90 lakhs</td><td>Jan 2021</td><td
rowspan=4><a href="[Link]
<tr align=center><td>Tesla Model Y</td><td>70-90 lakhs</td><td>Jan
2022</td></tr>
<tr align=center><td>Tesla Model S</td><td>1.5 Cr</td><td>Jan 2026</td></tr>
<tr align=center><td rowspan=4>2</td><td rowspan=4>Toyota</td></tr>
<tr align=center><td>Urban Crusier</td><td>18 lakhs</td><td>May 2025</td><td
rowspan=4><a href="[Link]
<tr align=center><td> 3-Row SUV</td><td>14 lakhs</td><td>Aug 2025</td></tr>
<tr align=center><td>Mini Fortuner</td><td>20 lakhs</td><td>June 2027</td></tr>
<tr align=center><td rowspan=4>3</td><td rowspan=4>Ford</td></tr>
<tr align=center><td>Ford Ikon</td><td>4.83 lakhs</td><td>april 2021</td><td
rowspan=4><a href="[Link]
<tr align=center><td>Ford Fusion</td><td>20 lakhs</td><td>Jun 2023</td></tr>
<tr align=center><td>Ford free style</td><td>35 lakhs</td><td>Mar 2025</td></tr>
</table>
</body>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

Output screen shots


“[Link]”

“[Link]”

“[Link]”

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

PGM 4 : Develop a Complete Web Page using Frames and Framesets which gives
the Information about a Hospital using HTML.

“[Link]”
<html>
<frameset rows="15%,*">
<frame src="[Link]" name="frame1">
<frameset cols="15%,*">
<frame src="[Link]" name="frame2">
<frame src="[Link]" name="frame3">
</frameset>
</frameset>
</html>

“[Link]”
<html>
<head>
<title>head</title>
<style>
body {
background-image: url('[Link]') ;
height: 10%;
background-position:left;
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<img src="[Link]" height=100px width=10% align=left>
<center><font pase=serif color=black size=6>Lifebeat Cardiac Hospital</font>
<h4>"Protecting the rhythm of life"</h4>
</center>
</html>
“[Link]”
<html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<head>
<title>left frame</title>
<style>
body {
background-image: url('[Link]') ;
height: 10%;
/* Center and scale the image nicely */
background-position:left;
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<body >
<table align=center width=100% height=700% >
<tr align=center><td><a href="[Link]" target="frame3" >About us</a></td></tr>
<tr align=center><td><a href="[Link]" target="frame3">Infrastructure</td></tr>
<tr align=center><td><a href="[Link]" target="frame3">Services</td></tr>
<tr align=center><td><a href="[Link]" target="frame3">Our Specialtis</td></tr>
<tr align=center><td><a href="[Link]" target="frame3">Our Doctors</td></tr>
</table>
</body>
</html>
“[Link]”
<html>
<head>
<title>about us</title>
<style>
body {
background-image: url('[Link]') ;
height: 50%;
background-position:cover;
background-repeat: no-repeat;
background-size: 100% 200%;
}

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

</style>
</head>
<body>
<font face="Georgia">
<h3> About Us</h3>
<img src="[Link]" align=left height=50% width=45%><br><br><br>
<br><font size=7><b>Our Mission</b></font>
<p>To make healthcare accessible to all.</p>
<br>
<center>
<font size=9><p><u>Overview</u></p></font>
<img src="[Link]" height=30% width=15%>
<font size=5><p><b>Our Purpose : Keeping people Healthy</b></p></font>
<p>Good health encompasses a state of physical, mental, and<br>
social well-being, free from disease, where an individual can function <br>
optimally in daily [Link] is an asset to human life, which leads to a <br>
stable and calm mind, ultimately leading to a wealthy life. If a person is taking<br>
good care of their health, they get mental peace and can focus on their work further.</p>
</center>
</font>
</body>
</html>
“[Link]”
<html>
<head><title>Infrastructure</title>
<style>
body {
background-image: url('[Link]') ;
height: 10%;
background-position:left;
background-repeat: no-repeat;
background-size: 100% 290%;
}
</style>
</head>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<body >
<center>
<font face=serif color=green>
<hr>
<h1> Infrastructure Of Hospital</h1>
<hr>
<h3>Physical infrastructure: Building , Equipment<h3><br>
<img src="[Link]" height=250% width=35%><img src="[Link]" height=250%
width=35%><img src="[Link]" height=250% width=25%><br>
<br><img src="[Link]" height=250% width=35%><img src="[Link]" height=250%
width=35%><img src="[Link]" height=250% width=25%>

<h3>Hospital services</h3><br>
<img src="[Link]" height=250% width=35%><img src="[Link]"" height=250%
width=35%><img src="[Link]"" height=250% width=25%><br>
<br><img src="[Link]"" height=250% width=35%><img src="[Link]"" height=250%
width=35%><img src="[Link]"" height=250% width=25%>
<h3>Other infrastructure</h3><br>
<img src="[Link]" height=250% width=35%><img src="[Link]" height=250%
width=35%><img src="[Link]" height=250% width=25%>
</font>
</center>
</body>
</html>
“[Link]”
<html>
<head>
<title>service</title>
<style>
body {
background-image: url('[Link]') ;
height: 10%;
background-position:left;
background-repeat: no-repeat;
background-size: 100% 150%;
}

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

</style>
<head>
<body>
<center>
<font face=serif color=blue size=5>
<br>
<HR>
<h1>Our Services For Peoples</h1>
<HR>

<br>
<table style="font-face:serif" height=20% width=50%>
<tr><th style="font-size:30;color:green">Preventive Cardiology</th></tr>
<tr><td style="font-size:19">Comprehensive assessments to identify risk
factors and develop strategies for heart disease prevention.</td></tr>
</table>
<br>

<table style="font-face:serif" height=20% width=50%>


<tr><th style="font-size:30;color:green">Diagnostic Testing</th></tr>
<tr><td style="font-size:19">Advanced testing options such as
echocardiograms, stress tests, and cardiac catheterization to accurately
diagnose heart conditions.</td></tr>
</table>
<br>
<table style="font-face:serif" height=20% width=50%>
<tr><th style="font-size:30;color:green">Interventional Procedures</th></tr>
<tr><td style="font-size:19">Minimally invasive procedures, including
angioplasty and stenting, aimed at treating various cardiac issues.</td></tr>
</table>
<br>
<table style="font-face:serif" height=20% width=50%>
<tr><th style="font-size:30;color:green">Heart Failure Management</th></tr>
<tr><td style="font-size:19">Specialized care for patients with heart failure,
focusing on lifestyle modifications and medication management.</td></tr>
</table>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<br>
</font>
</center>
</body>
</html>
“[Link]”
<html>
<head>
<title>service</title>
<style>
body {
background-image: url('[Link]') ;
height: 10%;
background-position:left;
background-repeat: no-repeat;
background-size: 100% 150%;
}
</style>
<head>
<body>
<center>
<font face=serif color=blue size=5>
<br>
<HR>
<h1>Our Specializations</h1>
<hr>
<br>
<table style="font-face:serif" height=25% width=85%>
<tr><th style="font-size:30;color:green">Adult Cardiac Conditions</th></tr>
<tr><td style="font-size:19">Our expert team is equipped to diagnose and
treat complex conditions such as coronary artery disease, heart failure, and
arrhythmias. We utilize advanced diagnostic tools and innovative treatment
options, including minimally invasive procedures and personalized
rehabilitation programs.</td></tr>
</table>
<br>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<table style="font-face:serif" height=25% width=85%>


<tr><th style="font-size:30;color:green">Pediatric Congenital Heart
diseases</th></tr>
<tr><td style="font-size:19">Our dedicated team of pediatric cardiologists
specializes in diagnosing and managing a wide range of congenital heart
defects, from simple conditions like atrial septal defects to more complex
anomalies such as tetralogy of Fallot and hypoplastic left heart syndrome. We
provide comprehensive care that includes advanced diagnostic imaging,
personalized treatment plans, and ongoing support for families.</td></tr>
</table>
<br>

<table style="font-face:serif" height=25% width=85%>


<tr><th style="font-size:30;color:green">Thoracic ailment</th></tr>
<tr><td style="font-size:19">We provide comprehensive treatment for
thoracic ailments, focusing on both surgical and non-surgical interventions
tailored to each patient's needs. Our expert team of thoracic surgeons and
specialists is skilled in diagnosing and managing a variety of conditions
affecting the thoracic cavity, including lung diseases, mediastinal disorders,
and esophageal issues.</td></tr>
</table>
<br>
</font>
</center>
</body>
</html>
“[Link]”
<html>
<head>
<title>doctors</title>
<style>
body {
background-image: url('[Link]') ;
height: 10%;
background-position:left;
background-repeat: no-repeat;

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

background-size: 100% 500%;


}
</style>
<head>
<body bgcolor=F2F3F2>
<center>
<font face=serif color=blue size=5>
<br>
<HR>
<h1>Our Doctors</h1>
<HR>
<br>
<table style="font-face:serif;color:blue" height=100% width=100% >
<tr align=center ><th >DOCTORS </th><th >DOCTORS NAME</th><th >
QUALIFICATION</th><th >POSITION</th><th >EXPERIENCE</TH></tr>
<tr align=center><td><img src="[Link]" width=60%
height=140%></td><td>[Link] PRASAD</td><td>MBBS,MD,DM,EP
Fellowship</td><td>HEAD OF CARDIAC ELECTROPHYSIOLOGY</td><td>20
years</td></tr>
<tr align=center><td><img src="[Link]" width=60%
height=140%></td><td>[Link]</td><td>MBBS,MD,DM,EP </td><td>ASSOCIATE
HEAD</td><td>15 years</td></tr>
<tr align=center><td><img src="[Link]" width=60%
height=140%></td><td>[Link]</td><td>MBBS,MD,DM,EP
</td><td>CARDIO SPLST</td><td>14 years</td></tr>
<tr align=center><td><img src="[Link]" width=60%
height=140%></td><td>[Link]</td><td>MBBS,MD,DM,EP
Fellowship</td><td>CARDIC HANDLER</td><td>10 years</td></tr>
<tr align=center><td><img src="[Link]" width=60%
height=130%></td><td>[Link]</td><td>MBBS,MD,DM,EP
</td><td>ASSOCIATE ASSIST</td><td>9 years</td></tr>
<tr align=center><td><img src="[Link]" width=60%
height=140%></td><td>[Link]</td><td>MBBS,MD,DM,EP
Fellowship</td><td>CHIEF DOCTOR</td><td>8 years</td></tr>
<tr align=center><td><img src="[Link]" width=60%
height=140%></td><td>[Link]</td><td>MBBS,MD,DM,EP</td><td>ASSOCIT
AE JUNIOR</td><td>12 years</td></tr>
<tr align=center><td><img src="[Link]" width=60%
height=140%></td><td>[Link]</td><td>MBBS,MD,DM,EP

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

Fellowship</td><td>DOCTOR</td><td>5 years</td></tr>
<tr align=center><td><img src="[Link]" width=60%
height=140%></td><td>[Link] PRASAD</td><td>MBBS,MD,DM,EP
Fellowship</td><td>DOCTOR</td><td>4 years</td></tr>

</table>
</font>
</center>
</body>
</html>

“[Link]”
<html>
<head>
<title>right frame</title>
<style>
body {
background-image: url('[Link]') ;
height: 10%;
background-position:left;
background-repeat: no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<body >
<br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><center>
<font face=serif size=6>“Your Health, Our Mission”</font>
<h5>“We Promise Not to Charge for Breathing”</h5>
</center>
</body>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

Output screen shots

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

PGM 5 : Write a HTML document to print your Bio-Data in a neat format using
several components.

“[Link]”
<html>
<head>
<title>bio-data</title>
</head>
<body style="width: 190mm; height: 297mm; border: 2px solid black;margin: auto;">
<br>
<font face=times new roman>
<center><H1>BIO-DATA</H1></center>
<hr>
<img src="[Link]" align=right height=190px width=160px>
<h3>PERSONAL INFORMATION</H3>
<font size=4>
<ul type ="circle">
<li>Name : Rojavathi S
<li>Date of Birth : 28.03.2000
<li>Gender : Female
<li>Nationality : Indian
<li>Father Name : Selvaraj N
<li>Mother Name : Sargunam S
</ul>
</font>
<h3>CONTACT DETAILS</H3>
<font size=4>
<ul type ="circle">
<li>Address: East street, Panayangal, Kallakurichi(dist)
<li>Email id: rojavathi922@[Link]
<li>Phone No:8667724519,9361792334
</ul>
</font>
<h3>Educational Qualifications</H3>
<table align=center height=19% width=95% border= 1px>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<tr align=center><th>DEGREE</TH><th>INSTITUTION</TH>
<th>PERCENTAGE %</TH></TR>
<tr align=center><td>10 th</td><td>Government Girls Higher Secondary
School</TD><TD>92%</td></tr>
<tr align=center><td>12 th</td><td>Adaikala Annai Higher Secondary
School</TD><TD>77%</td></tr>
<tr align=center><td>[Link].,Computer Science</td><td>Bharathi Women's Arts and
Science College</TD><TD>86%</td></tr>
<tr align=center><td>[Link].,Computer Science</td><td>Bharathi Women's Arts and
Science College</TD><TD>87%</td></tr>
</table>
<h3>SOFTWARE SKILLS</H3>
<font size=4>
<ul type ="circle">
<li>Programming: Python, Java, HTML, CSS, JavaScript
<li>Database Management: MySQL, PostgreSQL
<li>Web Development: React, [Link]
</ul>
</font>
<h3>DECLARATION</H3>
<center><P>I hereby declare that the above information is true to the best of my my
Knowledge.</p></center>
<br>
<p>Date:01/03/2025</P>
<P>Place:Thatchur</p>
<p align=right>Signature , </p>
<img src="[Link]" align=right height=40px width=190px>
</font>
</body>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

Output screen shots

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

PGM 6 : Develop a HTML document to display a Registration Form for an inter-


collegiate function.

[Link]
<html>
<head>
<title>form</title>
<style>
body {
background-image: url('[Link]') ;
height: 160%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body style="width: 190mm; height: 169mm; border: 2px solid #517891;margin: auto;" >
<center>
<font face="times new roman"color="#1F2022" size="4">
<h2><u>Bharathi women's Arts and Science College</u></h2>
<h3><u>Inter - Collegiate Function</u></h3>
<h3><u>Registration Form</u></h3>
<br>
<form <form action="#" method="post">
<label for="fname"><b>First name:</b></label>
<input type="text" id="fname" name="fname"><br><br>

<label for="lname"><b>Last name:</b></label>


<input type="text" id="lname" name="lname"><br><br>

<label for="college"><b>College:</b></label>
<input type="text" id="college" name="college"><br><br>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<label for="email"><b>Email-id:</b></label>
<input type="email" id="email" name="email"><br><br>

<label for="pnumber"><b>Phone Number:</b></label>


<input type="text" id="pnumber" name="pnumber"><br><br>

<label for="course"><b>Course:</b></label>
<input type="text" id="course" name="course"><br><br>

<label for="gender"><b>Gender:</b></label>
<select id="gender" name="gender" required>
<option value="">Select</option>
<option value="female">Female</option>
<option value="male">Male</option>
<option value="other">Other</option>
</select>
<br>
<br>
<label for="event"><b>Events:</b></label>
<select id="event" name="event" required>
<option value="">Select</option>
<option value="debate">Debate</option>
<option value="dance">Dance</option>
<option value="sing">Sing</option>
<option value="mime">Mime</option>
<option value="speech">Speech</option>
<option value="memicre">Memicre</option>
</select>
<br><br><br><br>
<button type="submit" style="background-color: #E2E2FE;width: 19%; height:
4%;"> Register</button>
</center>
</font>
</form>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

Output screen shots

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

PGM 7 : Using HTML form accept Customer details like Name, City, Pin code,
Phone number and Email address and validate the data and display appropriate
messages for violations using PHP (Eg. Name is Mandatory field; Pin code must
be6digits, etc.).

[Link]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Find Prime Numbers</title>
</head>
<body>
<h2>Enter Two Numbers to Find Prime Numbers Between Them</h2>
<form method="POST">
<label>Enter First Number (n1): </label>
<input type="number" name="n1" required><br><br>
<label>Enter Second Number (n2): </label>
<input type="number" name="n2" required><br><br>
<input type="submit" name="submit" value="Find Primes">
</form>

<?php
if (isset($_POST['submit']))
{
$n1 = $_POST['n1'];
$n2 = $_POST['n2'];

if ($n1 > $n2)


{
echo "<p style='color: red;'>Error: First number must be smaller than the second number.</p>";
}

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

else
{
echo "<h3>Prime Numbers between $n1 and $n2:</h3>";
for ($i = $n1; $i <= $n2; $i++)
{
if (isPrime($i))
{
echo $i . " ";
}
}
}
}

function isPrime($num)
{
if ($num < 2) return false;
for ($j = 2; $j <= sqrt($num); $j++)
{
if ($num % $j == 0) return false;
}
return true;
}
?>

</body>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

Ouput :

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

PGM 8 :Write a program to accept two numbers n1 and n2 using HTML form and
display the Prime numbersbetweenn1 andn2using PHP.
Customer_form.php
<?php
// Initialize variables for errors and form data
$nameErr = $cityErr = $pinErr = $phoneErr = $emailErr = "";
$name = $city = $pin = $phone = $email = "";

// Form processing and validation


if ($_SERVER["REQUEST_METHOD"] == "POST")
{
// Name Validation
if (empty($_POST["name"]))
{
$nameErr = "Name is a mandatory field.";
}
else
{
$name = test_input($_POST["name"]);
}

// City Validation
if (empty($_POST["city"]))
{
$cityErr = "City is a mandatory field.";
}
else
{
$city = test_input($_POST["city"]);
}

// Pin code Validation (must be 6 digits)


if (empty($_POST["pin"]))

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

{
$pinErr = "Pin code is a mandatory field.";
}
elseif (!preg_match("/^[0-9]{6}$/", $_POST["pin"]))
{
$pinErr = "Pin code must be 6 digits.";
}
else
{
$pin = test_input($_POST["pin"]);
}

// Phone number Validation (must be 10 digits)


if (empty($_POST["phone"]))
{
$phoneErr = "Phone number is a mandatory field.";
}
elseif (!preg_match("/^[0-9]{10}$/", $_POST["phone"]))
{
$phoneErr = "Phone number must be 10 digits.";
}
else
{
$phone = test_input($_POST["phone"]);
}

// Email Validation
if (empty($_POST["email"]))
{
$emailErr = "Email address is a mandatory field.";
}
elseif (!filter_var($_POST["email"], FILTER_VALIDATE_EMAIL))
{

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

$emailErr = "Invalid email format.";


}
else
{
$email = test_input($_POST["email"]);
}
}

// Function to clean input data


function test_input($data)
{
return htmlspecialchars(stripslashes(trim($data)));
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Customer Details Form</title>
</head>
<body>
<h2>Customer Details Form</h2>
<form method="POST" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
<label for="name">Name:</label>
<input type="text" name="name" value="<?php echo $name;?>">
<span style="color:red"><?php echo $nameErr;?></span>
<br><br>
<label for="city">City:</label>
<inpu type="text" name="city" value="<?php echo $city;?>">
<span style="color:red"><?php echo $cityErr;?></span>
<br><br>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

<label for="pin">Pin Code:</label>


<input type="text" name="pin" value="<?php echo $pin;?>">
<span style="color:red"><?php echo $pinErr;?></span>
<br><br>
<label for="phone">Phone Number:</label>
<input type="text" name="phone" value="<?php echo $phone;?>">
<span style="color:red"><?php echo $phoneErr;?></span>
<br><br>
<label for="email">Email Address:</label>
<input type="text" name="email" value="<?php echo $email;?>">
<span style="color:red"><?php echo $emailErr;?></span>
<br><br>
<input type="submit" value="Submit">
</form>

<?php
// Display the valid data if no errors
if ($_SERVER["REQUEST_METHOD"] == "POST" && empty($nameErr) && empty($cityErr) &&
empty($pinErr) && empty($phoneErr) && empty($emailErr))
{
echo "<h3>Customer Details Submitted:</h3>";
echo "Name: $name<br>";
echo "City: $city<br>";
echo "Pin Code: $pin<br>";
echo "Phone Number: $phone<br>";
echo "Email Address: $email<br>";
}
?>
</body>
</html>

II M. SC. – COMPUTER SCIENCE – WEB LAB


PAGE NO :

Output : customer_form.php

II M. SC. – COMPUTER SCIENCE – WEB LAB

You might also like