Surendra Institute of Engineering & Management: Lab Experiment Report

Surendra Institute of
Engineering &
Management
[Approved by AICTE & Affiliated to MAKAUT, WB]
Lab Experiment Report
Subject Name: Internet Technology Lab

Subject Code: CS-795A
Faculty Name: Mr.Santosh Saha
Name: Ritika Tamang
University Roll No.: 26100117012
Department: Computer Science & Engineering
Semester: 7th
Session: 2020-2021
Page | - 1 -
Surendra Institute of Engineering & Management,
Siliguri 2021
Index
Page
Sl. No. Program Statement Date
No.
1 Banner Using Applet 23.02.20 4-5
2 Display The Clock using Applet 23.02.20 6-7
3 Different shapes using Applet 23.02.20 8
4 Fill colors into the shapes using Applet 23.02.20 9
5 Go to a link using Applet 23.02.20 10=11
6 Create an event listener using Applet 23.02.20 12-14
7 Display Image Using Applet 23.02.20 15
8 Display scrolling text using Applet 23.02.20 16-17
9 Play sound using Applet 23.02.20 18-19
10 Read file using applet 23.02.20 20-21
Page | - 2 -
Siliguri 2021
Page
Sl. No. Program Statement Date
No.
Create a creative webpage that contains a link which 23.02.20 22-23

11 takes you to your favorite webpage
Create a creative webpage using various HTML,CSS 23.02.20 24-25

12 tags
To implement another URL(file that can be 23.02.20 26-27

13
rendered in the browser) within a HTML
To implement different types of list in a web page 23.02.20 28-30

14
Create a simple table to your webpage to display 23.02.20 31-32

15 information about your academic qualification into the
table
Create a web page that will include an image. Then 23.02.20 33-34
16
create image map to watch different parts of that
image closely.
Create a web page as you wish and the html elements 23.02.20 35-37
17 of the page will be styled by CSS.
Create an admission form in a webpage 23.02.20 38-40

18
Create a webpage using frame tags 23.02.20 41-43

19
To implement Cascading Style Sheet(CSS) in a web page

20. 23.02.20 44-48
_____________________
Faculty Signature
Page | - 3 -
Siliguri 2021
EXNO: 1 BANNER USING APPLET
1.1 AIM
To display the Banner using applet”
1.2 PROGRAM
WAP TO DISPLAY THE BANNER USING APPLET
import java.applet.*;
import java.awt.*;
public class banner extends Applet implements Runnable
{
String str = "CHANDRIMA THAKUR";
Thread t ;
boolean b ;
public void init()
{
setBackground(Color.gray);
setForeground(Color.yellow);
}
public void start()
{
t = new Thread (this);
b = false;
t.start();
}
public void run()
{
char ch;
for(;;)
{
try {
repaint();
Thread.sleep(250);
ch = str.charAt(0);
str = str.substring(1, str.length());
str = str+ch;
}catch(InterruptedException e) {}
}
}
Page | - 4 -
Siliguri 2021
public void paint(Graphics g)

{
g.drawRect(1, 1, 300, 150);
g.setColor(Color.yellow);
g.fillRect(1, 1, 300, 150);
g.setColor(Color.red);
g.drawString(str, 1, 150);
}
1.3 OUTPUT
1.4 CONCLUSION
Implementation of a program of applet execute successfully .
Page | - 5 -
Siliguri 2021
EX NO: 2 DISPLAY THE CLOCK USING APPLET
2.1 AIM
To display the clock using applet
2.2 PROGRAM
WAP TO DISPLAY THE CLOCK USING APPLET:

import java.awt.*;
import java.util.Calendar;
import java.util.GregorianCalendar;
public class Clock extends Applet implements Runnable

{
Thread t1,t;
public void start() {
t = new Thread(this);
t.start();
}
public void run() {
t1 = Thread.currentThread();
while(t1 ==t) {
repaint();
try {
t1.sleep(1000);
}catch(InterruptedException e) {
System.out.println(e);
}
}
}
public void paint(Graphics g) {
Calendar cal = new GregorianCalendar();
String hour = String.valueOf(cal.get(Calendar.HOUR));
String min = String.valueOf(cal.get(Calendar.MINUTE));
String sec = String.valueOf(cal.get(Calendar.SECOND));
g.drawString(hour+":"+min+":"+sec,20,30);
}
Page | - 6 -
Siliguri 2021
2.3 OUTPUT
2.4 CONCLUSION
Implementation of a program of applet execute successfully
Page | - 7 -
Siliguri 2021
EX:NO: 3 CREATE DIFFERENT SHAPES USING APPLET
3.1 AIM
To display the different shapes using applet
3.2 PROGRAM
WAP TO CREATE DIFFERENT SHAPES USING APPLET:
import java.awt.*;
public class Shapes extends Applet {

int x = 300,y =100,r = 50;
g.drawLine(30, 300, 200, 10);

g.drawOval(x-r, y-r, 100, 100);
g.drawRect(400, 50, 200, 100);
}
}
3.3 OUTPUT
3.4 CONCLUSION
Implementation of a program execute successfully.
Page | - 8 -
Siliguri 2021
EXNO: 4
FILL COLORS IN SHAPES USING APPLET
4.1 AIM
To display the colors into the shapes
4.2 PROGRAM
WAP TO FILL COLORS IN SHAPES USING APPLET
import java.awt.*;
public class fillColor extends Applet {
g.drawRect(30, 20, 200, 100);

g.setColor(Color.yellow);
g.fillRect(30, 20, 200, 100);
g.setColor(Color.magenta);
g.drawString("Rectangle",230,10);
}
}
4.3 OUTPUT
4.4 CONCLUSION
Page | - 9 -
Siliguri 2021
EX:NO: 5
GOTO A LINK USING APPLET
5.1 AIM
To go to a link using applet
5.2 PROGRAM
WAP TO CREATE AN APPLET TO GOTO A LINK:
import java.awt.*;
import java.net.*;
import java.awt.event.*;
public class testURL extends Applet implements ActionListener {
public void init() {

String link = "yahoo";
Button b = new Button(link);
b.addActionListener(this);
add(b);
}
public void actionPerformed(ActionEvent ae) {
Button src = (Button)ae.getSource();

String link = "http://www."+src.getLabel()+".com";
try {
AppletContext a = getAppletContext();
URL u = new URL(link);
a.showDocument(u,"_self");
} catch (MalformedURLException e){System.out.println(e.getMessage());}
}
}
Page | - 10 -
Siliguri 2021
5.3 OUTPUT
5.4 CONCLUSION
Page | - 11 -
Siliguri 2021
EX:NO: 6
CREATE AN EVENT LISTENER IN APPLET
6.1 AIM
To create an event listener using applet
6.2 PROGRAM
WAP TO CREATE AN EVENRT LISTENER USING APPLET
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
public class EventListner extends Applet implements ActionListener {
TextArea t;
String Add,Subtract;
int i = 10,j = 20,sum = 0,sub = 0;
t = new TextArea(10,20);
t.setEditable(false);
add(t,"center");
Button b = new Button("Add");
Button c= new Button("Sub");
c.addActionListener(this);
add(b);
add(c);
}
public void actionPerformed(ActionEvent e) {

sum = i+j;
t.setText("");
t.append("i="+i+"\t"+"j="+j);
Button source = (Button)e.getSource();
if(source.getLabel() == "Add") {
t.append("sum:"+sum+"\n");
}
if(i>j){
sub = i-j;
}
else {
sub = j-i;
}
if(source.getLabel() == Subtract) {
Page | - 12 -
Siliguri 2021
t.append("sub:"+sub+"\n");
}
}
}
import java.awt.*;
public class Event extends Applet implements ActionListener {
Button b;
TextField tf;
tf = new TextField();
tf.setBounds(30,40,150,20);
b = new Button("Click");
b.setBounds(80, 150, 60, 50);
add(b);add(tf);
setLayout(null);
}
public void actionPerformed(ActionEvent e) {

tf.setText("Welcome");
}
}
6.3 OUTPUT
Page | - 13 -
Siliguri 2021
Event Listener example 2
6.4 CONCLUSION
Implementation of a program of applet execute successfully .
Page | - 14 -
Siliguri 2021
EX:NO: 7 DISPLAY IMAGE USING APPLET
7.1 AIM
To display image using applet
7.2 PROGRAM
WAP TO DISPLAY IMAGE USING APPLET:
import java.awt.*;
public class appletImage extends Applet {

Image img;
MediaTracker tr;

tr = new MediaTracker(this);
img = getImage(getCodeBase(),"demoimg.gif");
tr.addImage(img, 0);
g.drawImage(img, 0, 0, this);
}
}
7.3 OUTPUT
7.4 CONCLUSION
Implementation of program of a Quadratic equation is run successfully
Page | - 15 -
Siliguri 2021
EXP NO: 8 DISPLAY SCROLLING TEXT USING APPLET
8.1 AIM
To display scrolling text using applet
8.2 PROGRAM
WAP TO DISPLAY SCROLLING TEXT USING APPLET:
import java.awt.*;
public class ScrollText extends Applet implements Runnable {
String Banner = "Text Scrolling";

int state;
boolean stopflag;

setBackground(Color.black);
setBackground(Color.magenta);
}
public void start() {
Thread t = new Thread (this);
stopflag = true;
t.start();
}
public void run() {
char ch ;
try {
while(true) {
repaint();
Thread.sleep(150);
ch = Banner.charAt(0);
Banner = Banner.substring(1, Banner.length());
Banner +=ch;
}
}catch(InterruptedException e) {
System.out.println(e);
}
}
public void stop () {
stopflag = false;}
Page | - 16 -
Siliguri 2021
Font a = new Font("Impact",Font.BOLD,45);

g.setFont(a);
g.drawString(Banner, 10, 60);
}
}
8.3 OUTPUT
8.4 CONCLUSION
Implementation of a program of applet execute successfully.
Page | - 17 -
Siliguri 2021
EXP NO :9 PLAY SOUND USING APPLET
9.1 AIM
To play sound using applet
9.2 PROGRAM
WAP TO PLAY SOUND USING APPLET
import java.awt.*;
public class playSound extends Applet implements ActionListener {

Button play,stop;
AudioClip audioClip;

play = new Button(" Play in Loop ");
add(play);
play.addActionListener(this);
stop = new Button(" Stop ");
add(stop);
stop.addActionListener(this);
audioClip = getAudioClip(getCodeBase(), "Sound.wav");
}
public void actionPerformed(ActionEvent ae) {
Button source = (Button)ae.getSource();
if (source.getLabel() == " Play in Loop ") {
audioClip.play();
}
else if(source.getLabel() == " Stop "){
audioClip.stop();
}
}
}
Page | - 18 -
Siliguri 2021
9.3 OUTPUT
9.4 CONCLUSION
Implementation of program applet playing sound successfully
Page | - 19 -
Siliguri 2021
EXP NO :10 READ A FILE USING APPLET
10.1 AIM
To implement of a program to read file using applet
10.2 PROGRAM
WAP TO IMPLEMENT A PROGRAM TOREAD FILE USING APPLET:
import java.awt.*;
import java.io.*;
import java.net.*;
public class readFile extends Applet {

String fileToRead = "file.txt";
StringBuffer strBuff;
TextArea txtArea;
Graphics g;
txtArea = new TextArea(100, 100);

txtArea.setEditable(false);
add(txtArea, "center");
String prHtml = this.getParameter("fileToRead");
if (prHtml != null) fileToRead = new String(prHtml);

readFile();
}
public void readFile(){
String line;
URL url = null;
try {
url = new URL(getCodeBase(), fileToRead);
}
catch(MalformedURLException e){}
try {
InputStream in = url.openStream();
BufferedReader bf = new BufferedReader(new InputStreamReader(in));
strBuff = new StringBuffer();
while((line = bf.readLine()) != null) {
strBuff.append(line + "\n");
}
Page | - 20 -
Siliguri 2021
txtArea.append("File Name :" + fileToRead + "\n");

txtArea.append(strBuff.toString());
} catch(IOException e) {
e.printStackTrace();
}
}
}
10.3 OUTPUT
10.4 CONCLUSION
Implementation of program of read file using applet was executed successfully.
Page | - 21 -
Siliguri 2021
EXP NO :11 Start your web page with an <html> tag
i) Add a heading.
ii) Add a title.
iii) Start the <body> section.
iv) Add the following text using <H1> and </H1> tags:
v) Add the following text using <H2> and </H2> tags: My HTML assignment
vi) Add a horizontal line
vii) Insert an image to your web page.
viii) Add another horizontal line.
ix) Enter a paragraph of text.
x) Start a new paragraph. Add a three item ordered list
xi) Close out your body and html tags.
11.1 AIM
To implement basic HTML to start your web page
11.2 PROGRAM
<!DOCTYPE html>
<html>
<head>
<title>My FIRST WEB PAGE</title>
</head>
<body>
<h1>This Web Page was designed by CHANDRIMA THAKUR</h1>
<h2>My HTML assignment</h2>
<hr>
<img src="html.jpg" alt="beck" width="200" height="200"/>
<hr>
<p style= color:crimson>
Hypertext Markup Language (HTML) is the standard markup language for documents designed
to be displayed in a web browser. It can be assisted by technologies such as Cascading Style
Sheets (CSS) and scripting languages such as JavaScript.
Web browsers receive HTML documents from a web server or from local storage and render the
documents into multimedia web pages. HTML describes the structure of a web page semantically
and originally included cues for the appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs, images and
other objects such as interactive forms may be embedded into the rendered page. HTML provides
Page | - 22 -
Siliguri 2021
a means to create structured documents by denoting structural semantics for text such as
headings, paragraphs, lists, links, quotes and other items.
HTML elements are delineated by tags, written using angle brackets.For More Click here>
<a href =https://en.wikipedia.org/wiki/HTML>Wikipedia</a>
</p>
<p><h3>Why to Learn HTML</h3>
<ul>
<li>Create Web site</li>
<li>Become a web designer </li>
<li>Understand web</li>
<li>Learn other languages</li>
</ul>
</p>
</body>
</html>
11.3 OUTPUT
11.4 CONCLUSION
Implementation of the Web page is successfully.
Page | - 23 -
Siliguri 2021
i) Add a heading.
ii) Add a title.
iv) Start a new paragraph.
v)Use alignment attribute,
vi)Use bold, italic, underline tags,
vii)Use font tag and associated attributes,
viii)Use heading tags,
ix)Use preserve tag,
x)Use non breaking spaces (escape character).
12.1 AIM
To implement web page with different attribe
12.2 PROGRAM
<!DOCTYPE html>
<html>
<head>
<title>
My Second Web Page
</title>
</head>
<body>
<h1>MUST WATCH</h1>
<p align="left" style= color:brown;font-size:40px >
<b>Naruto</b>is an anime series based on Masashi Kishimoto's manga series of the same name.
The series centers on the adventures of Naruto Uzumaki, a young ninja of Konohagakure,
searching
for recognitions and wishing to become Hokage, the ninja that is acknowledged by the rest of the
village to be the leader and the strongest of all.
It is available in <i>Crunchyroll, Funimation, Amazon Prime,Netflix and Hulu</i> in Canada
and the United States.
</p>
<p> </p>
<pre align ="center">
<b>[SPOILER]</b>Boruto is a spin-off and a sequel to Kishimoto's Naruto, which follows the
exploits of Naruto Uzumaki's son, Boruto Uzumaki, and his ninja team.
Boruto originated from Shueisha's proposal to Kishimoto on making a sequel to Naruto.
Page | - 24 -
Siliguri 2021
</pre>
<p> </p>
</body>
</html>
12.3 OUTPUT
12.4 CONCLUSION
Implementation of web page was successfully.
Page | - 25 -
Siliguri 2021

i) Add a heading.
ii) Add a title.
iv) Start a new paragraph.
Create Hyperlinks:
(a) Within the HTML document.
(b) To another URL.
(c) To a file that can be rendered in the browser.
13.1 AIM
To implement another URL(file that can be rendered in the browser) within a HTML
13.2 PROGRAM
<!DOCTYPE html>
<html>
<head>
<title> My THIRD WEB PAGE
</title>
</head>
<body>
<h1>Tony Stark</h1>
<p>
Tony Stark is the wealthy son of industrialist and weapons manufacturer Howard Stark and his
wife, Maria.
Tony grew up a genius with a brilliant mind for technology and inventions and, naturally,
followed in his father's footsteps, inheriting Stark Industries upon his parents' untimely death.
He is portrayed by Robert Downey Jr. in the Marvel Cinematic Universe (MCU) film franchise
based on the Marvel Comics character of the same name—commonly known by his alter ego,
Iron Man.
<br>
<a href ="download.jpg">To Reveal Tony Stark,Click Here!!</a>
</p>
</body>
</html>
Page | - 26 -
Siliguri 2021
13.3 OUTPUT
13.4 CONCLUSION
Page | - 27 -
Siliguri 2021
EXP NO :14
Start your web page with an <html> tag
Create an unordered list,
Create an ordered list,
Use various bullet styles,
Created nested lists,
Use the font tag in conjunction with lists,
Create definition lists,
Use graphics as bullets.
14.1 AIM
To implement different types of list in a web page
14.2 PROGRAM
<!DOCTYPE html>
<html>
<head>
<title>
My Fourth Web Page
</title>
<body style="margin: 50px;">
<h1>LIST</h1>
<hr>
<ul style = "list-style:lower- greek;float: left;">
<h2>UNORDERED</h2>
<li>Item A</li>
<li>Item B
<ul style="list-style:upper-roman">
<li>Subitem B.1</li>
</ul>
</li>
<li>Item C</li>
<li>Item C
</ul>
Page | - 28 -
Siliguri 2021
</li>
<li>Item C</li>
</ul>
<ol style="float:right;">
<h2>ORDERED</h2>
<li>Item A</li>
<li>Item B</li>
<li>Item C</li>
<li>Item C
</ul>
</li>
<li>Item C
</ul></li>
<li>Item C</li>
</ol>
<dl style="float:inherit;margin:50px 0px 0px 500px;">
<dt><h2>Definition List</h2></dt>
<dd><img src="images/rcjKoan9i.png" width="26" height="14">A list of terms and their
definitions/descriptions.</dd>
<dt>C++</dt>
<dd><img src="images/rcjKoan9i.png" width="26" height="14">C++ tutorial.</dd>
<dt>Java</dt>
<dd><img src="images/rcjKoan9i.png" width="26" height="14">Java tutorial.</dd>
</dl>
</body>
</head>
</html>
Page | - 29 -
Siliguri 2021
14.3 OUTPUT
14.4 CONCLUSION
Page | - 30 -
Siliguri 2021

Create a simple table
Display information about your academic qualification into this table.
15.1 AIM
To implement a tables in a web page
15.2 PROGRAM
<!DOCTYPE html>
<html>
<head>
<title> My fifth Web Page
</title>
<body style="margin: 100px;">
<h1 style ="margin-left: 500px;">TABLES</h1>
<hr>
<table>
<tr>
<th>Standard</th>
<th>Board</th>
<th>College/Institute/School</th>
<th>Percentage(%)</th>
</tr>
<tr>
<td>Class 10<sup>th</sup></td>
<td>ICSE</td>
<td>Nirmala Convent School</td>
<td>84</td>
</tr>
<tr>
<td>Class 12<sup>th</sup>/Diploma</td>
<td>CBSE</td>
<td>Modella Caretaker School</td>
<td>77</td>
</tr>
Page | - 31 -
Siliguri 2021
<tr>
<td>B-Tech</td>
<td>MAKAUT</td>
<td>Surendra Institute Of Engineering & Management</td>
<td>78</td>
</tr>
</table>
<style>
table, th, td
{
margin-left: 300px;
border:1px solid red;
background-color:menu;
font-style:bold;
}
</style>
</body>
</head>
</html>
15.3 OUTPUT
15.4 CONCLUSION
Page | - 32 -
Siliguri 2021
EXP NO :16 Create a web page that will include an image. Then
create image map to watch different parts of that image
closely.
16.1 AIM
To implement Image maps in a web page
16.2 PROGRAM
<!DOCTYPE html>
<html>
<head>
<title>
My Sixth Web Page
</title>
<body style = "margin: 10px;">
<h1 style="margin- left: 500px;">HERO ES </h1>
<hr>
<img src="image.jpg" alt=Heroes usemap="#workmap" width="500" height="500"

style="margin- left:400px;">
<map name="workmap">
<area shape="rect" coords="0,290,600,600" alt="Computer" href="download (5).jpg">
<area shape="rect" coords="0,0,600,285 " alt="Phone" href="download (4).jpg">
</map>
</body>
</head>
</html
11.3 OUTPUT
Page | - 33 -
Siliguri 2021
16.4 CONCLUSION
Page | - 34 -
Siliguri 2021
Create a web page as you wish and the html elements of the page
EX NO: 17
will be styled by CSS.
17.1 AIM
To implement Cascading Style Sheet(CSS) in a web page.
17.2 PROGRAM
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Website homapage design with html and css</title>
<link href="newcss.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<header>
<div class="wrapper">
<div class="logo">
<img src="https://www.simplilearn.com/ice9/free_resources_article_thumb/Best-
Programming-Languages-to-Start-Learning-Today.jpg">
</div>
<ul class="nav-area">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Help-Desk</a></li>
<li><a href="#">Courses</a></li>
</ul>
</div>
<div class="welcome-text">
<h1>We Believe in Creative Learning</h1>
<a href="#">Contact Us</a>
</div>
</header>
</body>
</html>
//Cascading Style-Sheet
*
{
margin:0;
padding:0;
}
.wrapper
{
Page | - 35 -
Siliguri 2021
width:1170px;
margin:auto;
}
.nav-area
{
float:right;
list-style: none;
margin-top:30 px;
}
.nav-area li
{
display: inline-block;
}
.nav-area li a
{
color: blue;
text-decoration: none;
padding:5px 20 px;
font-family: poppins;
font-size:14 px;
opacity: 50%;
}
.nav-area li a:hover{
background: #fff;
color: #333;
}
header
{
background:url("https://png.pngtree.com/thumb_back/fw800/back_our/20190620/ourmid
/pngtree-program-development-programming- hd-background- image_161259.jpg");
background-size: cover;
height:100vh;
}
.logo img{
width:100px;
float:left;
height:auto;
}
.welcome-text
{
position:absolute;
width: 600px;
height: 300px;
margin:20% 29%;
text-align: center;
}
.welcome-text h1
{
Page | - 36 -
Siliguri 2021
text-align:center;
color:purple;
text-transform: uppercase;
font-size:50px;
font-family: cursive;
}
.welcome-text a
{
border: 1px solid #fff;
padding: 10px 25px;
text-decoration:none;
text-transform: uppercase;
font-size: 15px;
margin-top:20px;
}
.welcome-text a:hover{
background: #fff;
color: #333;
}
17.2 OUTPUT
17.3 CONCLUSION
Implementation of the webpage was done successfully.
Page | - 37 -
Siliguri 2021
EX NO: 18 Create an admission form in a webpage
18.1 AIM
Start your web page with an <html> tag i) Add a heading. ii) Add a title. iii) Start the <body>
section. Create a simple HTML form. Use the input tag to create a: text box; text area box;
check box; list box; radio button; password field; popup menu; hidden field. Use submit and
reset buttons. Create an admission form using the above information.
18.2 PROGRAM
<!DOCTYPE html>
<html lang="en">
<head>
<title>Admission Form</title>
<style type="text/css">
.formstyle
{
border:4px solid;
border-color: black;
margin- left:480px;
margin-right:400px;
padding-top: 10px;
padding-bottom: 40px;
background-color:rgba(39,139,39,0.8);
color:white;
}
body
{
background-image: url("https://encrypted-
tbn0.gstatic.com/images?q=tbn%3AANd9GcQ1D2wzyohqwmwcV5GjNP1EEhJXtmHgsfrk
Ng&usqp=CAU");
}
</style>
</head>
<body>
<div class="formstyle">
<form name="forms" align="left" action="yourinfo.html" method="GET">
<h3 class="heading" id="headi">Admission Form</h3>
<label for="name">&nbsp&nbspName:</label>
<input type="text" name="name" placeholder="Firstname LastName"
id="namestyle" required><br><br/>
Page | - 38 -
Siliguri 2021
<label for="email">&nbsp&nbspEmail:</label>
<input type="email" name="email" placeholder="xyz@gmail.com"
id="emailstyle" required><br><br/>
<label for="password">&nbsp&nbspPassword:</label>
<input type="password" name="email" placeholder="XXXXXXXX"
minlength="8" id="passtyle" required><br><br/>
<label for="age">&nbsp&nbspAge:</label>
<input type="number" name="age" min="13" max="35" id="agestyle"
required><br><br/>
<label for="date">&nbsp&nbspDOB:</label>
<input type="date" name="name" placeholder="dd/mm/yyyy"
id="datestyle" required><br><br/>
<label for="phone">&nbsp&nbspPhone Number:</label>
<select>
<option>+91</option>
</select>
<input type="tel" name="phone" placeholder="XXXXX-XXXXX"
id="phonestyle" minlength="10" maxlength="10" required><br><br/>
<label for="Gender">&nbsp&nbspGender:</label>
<input type="radio" name="Gender" id="male">Male
<input type="radio" name="Gender" id="female">Female
<input type="radio" name="Gender" id="others">Others
<br><br/>
<label for="State">&nbsp&nbspState:</label>
<select>
<option>Bangalore</option>
<option>Maharashtra</option>
<option>New Delhi</option>
<option>West Bengal</option>
</select><br><br/>
<div>&nbsp&nbspLanguages:
<label for="English">English</label>
<input type="checkbox" name="English" id="English">
<label for="Bengali">Bengali</label>
<input type="checkbox" name="Bengali" id="Bengali">
<label for="Hindi">Hindi</label>
<input type="checkbox" name="Hindi" id="Hindi">
</div><br/>
<label for="bio">&nbsp&nbspHobbies:</label>
<input textarea="" id="bio"><br><br/>
<div align="center">
<button type="submit" class="sub">Submit</button>
<button type="reset">Reset</button>
</div>
</form>
</div>
</body>
</html>
Page | - 39 -
Siliguri 2021
18.3 OUTPUT
18.4 CONCLUSION
Implementation of the webpage was done successfully.
Page | - 40 -
Siliguri 2021
EXP NO :19 Using frames as an interface, create a series of web

pages where the theme is to provide resources (internet,
intranet,
static HTML pages) pertaining to the subject of HTML.
Ideally, your goal is to create a resource that you can
use long after
this module when needing information on HTML. As a
minimum requirement to this assignment your webpage
should:
• Consist of at least 3 frames.
• Contain at least 5 URLs to internet and/or intranet sites that you can reference
as part of your job.
• Contain at least 5 references to documents that you have created that y ou
use on a regular basis.
• Contain at least 5 references to documents others have created that you use
on a regular basis.
• Be organized in a fashion that is logical and intuitive to you.
• Is done with enough quality that you would not be opposed to it being a link at
another site.
17.1 AIM
To implement Frames in a web page
17.2 PROGRAM
<!DOCTYPE html>
<html>
<head>
<title> frame HTML file</title>
</head>
<frameset rows="18%,82%" frameborder="no">
<frame src="Internet.html" name="banner"scrolling="yes">
<frameset cols="25%,75%">
<frame src="Intranet.html"name="nav" scrolling="yes" noresize>
<frame src="Static.html"name="content" marginheight="50"
marginwidth="50"scrolling="yes">
</frameset>
<noframes>Netscape Navigator 2 or higher and Microsoft Internet Explorer
3 or higher is
required to view frames.</noframes>
</frameset>
Page | - 41 -
Siliguri 2021
</html>
<Internet.html>
<!DOCTYPE html>
<html>
<head>
<title>
BANNER Page
</title>
</head>
<body>
<h1>Internet</h1>
<p>The first workable prototype of the Internet came in the late 1960s with the creation of
ARPANET, or the Advanced Research Projects Agency Network. Originally funded by the
U.S. Department of Defense, ARPANET used packet switching to allow multiple computers
to communicate on a single network.
On October 29, 1969, ARPAnet delivered its first message: a “node-to-node” communication
from one computer to another. (The first computer was located in a research lab at UCLA and
the second was at Stanford; each one was the size of a small house.) The message—
“LOGIN”—was short and simple, but it crashed the fledgling ARPA network anyway: The
Stanford computer only received the note’s first two letters.
The technology continued to grow in the 1970s after scientists Robert Kahn and Vinton Cerf
developed Transmission Control Protocol and Internet Protocol, or TCP/IP, a communications
model that set standards for how data could be transmitted between multiple networks.
ARPANET adopted TCP/IP on January 1, 1983, and from there researchers began to assemble
the “network of networks” that became the modern Internet. The online world then took on a
more recognizable form in 1990, when computer scientist Tim Berners-Lee invented the
World Wide Web. While it’s often confused with the internet itself, the web is actually just
the most common means of accessing data online in the form of websites and hyperlinks.
The web helped popularize the internet among the public, and served as a crucial step in
developing the vast trove of information that most of us now access on a daily basis.
BY EVAN ANDREWS
</p>
</body>
</html>
Page | - 42 -
Siliguri 2021
17.3 OUTPUT
17.4 CONCLUSION
Page | - 43 -
Siliguri 2021
EXP NO :20 Create a web page as you wish and the html elements of the page will
be styled by CSS.
18.1 AIM
To implement Cascading Style Sheet(CSS) in a web page
18.2 PROGRAM
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>MY FIRST WEB PAGE BY TANISHT GUPTA</title>
<link href="css/style.css"rel="stylesheet"type="text/css"media="screen"/>
<style type="text/css">
.auto-style2 {
border-width: 0px;
margin-top: 0px;
}
.auto-style3 {
margin- left: 11px;
}
.auto-style4 {
border-width: 0px;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="top">
<div id="social- media">
<p>CONNECT WITH US</p>
<ul>
<li><a href="http://www.facebook.com"><img alt=""src="images/social-media- icons - Copy
(2).jpg"/></a></li>
Page | - 44 -
Siliguri 2021
<li><a href="http://www.twitter.com"><img alt=""src="images/social-media- icons - Copy

(3).jpg"/></a></li>
<li><a href="http://www.youtube.com"><img alt=""src="images/social- media- icons -
Copy.jpg" /></a></li></ul>
<p>CONTACT US FOR MORE INFO - +919002495414</p>
</div>
</div>
<div id="topnav">
<ul>
<li><a href="index.html">Welcome</a></li>
<li><a href="about us.html">About Us</a></li>
<li><a href="images.html">Images</a></li>
<li><a href="education.html">Education</a></li>
<li><a href="entertainment.html">Entertainment</a></li>
<li><a href="contact.html">Contact</a></li>
</ul></div>
<div id="banner">
<a href="images.html">
<img alt="" src="images/IMG_20170126_055509 (1).jpg" height="280" width="900"
class="auto-style2"/></a>
</div>
<div id="subbanner">
<h3>THE DAWN OF KURSEONG WHERE YOU CAN SEE THE MOON AND A
NEW DAYS HORIZON </h3>
</div>
<div id="content" style="height: 668px">

<h1>THE WONDERS OF WEST BENGAL HILLY AREAS</h1>
<p>The hilly region of W.B is one of the most versatile place in the country you can experience
many things
for which you have to travel far place just to find what you need.Thesehilly areas hve different
types of attaraction which brings thousands of tourist's to this place every year and the number
keeps
on increasing.The two things hilly areas are famous for there good education and tourisim.This
two things are the biggest means of income and livelyhood in this hilly areas. </p>
<a href="images/Images.html">
<img alt=" " src="images/IMG_20150502_162647.jpg" height="323" width="300" class="auto-
style4"/></a>
<a href="images/Images.html">
<img alt=""src="images/IMG_20150723_125211.jpg" height="225" width="326" class="auto-
Page | - 45 -
Siliguri 2021
style4"/></a>
<h2>Attraction of hilly areas</h2>
<p>Dow hill one of the haunted place of this state.
The eagle craig and the deer park are also famous places.One the most famous places is tiger hill
which
is famous for its sunrise.</p>
</div>
<div id="rightside">
<h2>Did you know</h2>
<p>The hilly region of W.B is one of the most versatile place in the country you can
experience many
things for which you have to travel far place just to find what you need.Thesehilly areas hve
different types of attaraction which brings thousands of tourist's to this place every year and
the number keeps on increasing.The two things hilly areas are famous for there good education
and
tourisim.This two things are the biggest means of income and livilyhood in this hilly areas</p>
<h2>Facts on Hills</h2>
<p>Hills of west bengal like to celebrate every festivels either Diwali or Easter this is most
interesting fact ofthis place
and it is famous for it from the day it was formed.This place has its own wonders in every single
fact.</p>
</div>
<div id="footer" class="auto-style3">
©Copyright 20XX
</div>
</div>
</body>
</html>
#CSS
/*Reset*/
html, body{
margin:0;background:transparent;padding:0;border:thin; font-size:10px}
div, span,article, aside, footer, header, hgroup, nav, section
h1, h2, h3, h4, h5, h6, p, blockquote, a, ul, li, o, table,tbody,
tr, th, td, tbody, tfoot, thead{
margin:0;
padding:0;
border:0;
vertical-align:baseline;
background:transparent;}
/*global*/
html{ }
Page | - 46 -
Siliguri 2021
body{ background-color:#eeeeee; }
/*container*/
#wrapper {width:900px;height:1300px;margin:0px auto;background-
color:white;}
#top {background-color:#000000; width:100%; padding: 20px
0;overflow:hidden;}
#logo{margin: 0 0 0 10px ;float:left;}
#social-media {float:right; margin:0px 10px 0px 0px; }

#social-media p { color:white;font-size:11px;margin:4px 10px 4px 0px;}
#social-media img {width:24px;height:24px;}
#social-media ul li { display:inline;}
#topnav {background-color:white;clear:both;}
#topnav ul{ width:100%;float:left;margin:0px;background-color:gray;
border-bottom:3px #cccccc solid;}
#topnav ul li {display:inline; }
#topnav ul li a {float:left;padding:10px 20px;font-size:15px;text-
decoration:blink }
#topnav a:link {color:white;}
#topnav a:visted {color:white;}
#topnav a:active {color:white;}
#topnav a:hover {color:white;background-color:#CF3805;}
#topnav a:focus {color:white;}
#subbanner{width:100%;background-color:#C0C0C0;padding:10px
0px;overflow:hidden;}
#subbanner h3{color:#ffffff;text-align:center;font-weight:bold;text-
align:center;line-height:180%; }
#content{float:left;width:650px;padding:20px;}
#content h1{
font-size:20px;text-align:center;border-
bottom:2px:gray:groove;padding:20px 0px;}
#content p {margin:16px 0px;line-height: 160%;font-size:15px}
#content h2{ margin:20px 0 0 0 ;}
#content
img{padding:8px;border:1px:gray:solid;margin:8px;width:250px;height:250px;bor
der:5px:lime:solid;}
#content h3 li{display:table}
#content2 img {float:left}
#content form {margin:20px auto;width:100%;float:left;background-
color:black;color:white;overflow:hidden;font-size:20px;}
#content form h1 {background-color:black;color:white;font-
style:italic;font-size:larger;}
#content form footer{width:150%;}
#leftside {width:100%}
#leftside img {float:left;}
#rightside {padding:20px;margin-left:675px;}
#rightside h2 {margin:20px:0px:10px:0px;}
#rightside img
{padding:8px;border:1px:gray:solid;margin:8px;width:150px;height:230px;border
:5px:lime:solid;float:right;}
#rightside p { text-align:justify;margin:8px 0px;line-height:160%;font-
size:12px}
#footer {width:98%;height:20px;text-align:center;clear:both;
background-color:black;color:white;
padding:10px:0px;font-size:14px}
#content form h1 {font-style:italic;text-align:center;font-size:30px;}
Page | - 47 -
Siliguri 2021
18.3 OUTPUT
18.4 CONCLUSION
Page | - 48 -

Surendra Institute of Engineering & Management: Lab Experiment Report

Uploaded by

Document Information

Original Title

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

Surendra Institute of Engineering & Management: Lab Experiment Report

Uploaded by

Copyright:

Available Formats

Surendra Institute of

Lab Experiment Report

Subject Name: Internet Technology Lab

Name: Ritika Tamang

University Roll No.: 26100117012

Department: Computer Science & Engineering

1 Banner Using Applet 23.02.20 4-5

2 Display The Clock using Applet 23.02.20 6-7

3 Different shapes using Applet 23.02.20 8

4 Fill colors into the shapes using Applet 23.02.20 9

5 Go to a link using Applet 23.02.20 10=11

6 Create an event listener using Applet 23.02.20 12-14

7 Display Image Using Applet 23.02.20 15

8 Display scrolling text using Applet 23.02.20 16-17

9 Play sound using Applet 23.02.20 18-19

10 Read file using applet 23.02.20 20-21

Create a creative webpage that contains a link which 23.02.20 22-23

Create a creative webpage using various HTML,CSS 23.02.20 24-25

To implement another URL(file that can be 23.02.20 26-27

To implement different types of list in a web page 23.02.20 28-30

Create a simple table to your webpage to display 23.02.20 31-32

Create an admission form in a webpage 23.02.20 38-40

Create a webpage using frame tags 23.02.20 41-43

To implement Cascading Style Sheet(CSS) in a web page

EXNO: 1 BANNER USING APPLET

WAP TO DISPLAY THE BANNER USING APPLET

public void paint(Graphics g)

EX NO: 2 DISPLAY THE CLOCK USING APPLET

WAP TO DISPLAY THE CLOCK USING APPLET:

public class Clock extends Applet implements Runnable

EX:NO: 3 CREATE DIFFERENT SHAPES USING APPLET

public class Shapes extends Applet {

g.drawLine(30, 300, 200, 10);

WAP TO FILL COLORS IN SHAPES USING APPLET

public class fillColor extends Applet {

public void paint(Graphics g) {

g.drawRect(30, 20, 200, 100);

WAP TO CREATE AN APPLET TO GOTO A LINK:

public class testURL extends Applet implements ActionListener {

public void init() {

public void actionPerformed(ActionEvent ae) {

Button src = (Button)ae.getSource();

WAP TO CREATE AN EVENRT LISTENER USING APPLET

public class EventListner extends Applet implements ActionListener {

public void init() {

public void actionPerformed(ActionEvent e) {

public class Event extends Applet implements ActionListener {

public void init() {

public void actionPerformed(ActionEvent e) {

Event Listener example 2

EX:NO: 7 DISPLAY IMAGE USING APPLET

WAP TO DISPLAY IMAGE USING APPLET:

public class appletImage extends Applet {

public void paint(Graphics g) {

EXP NO: 8 DISPLAY SCROLLING TEXT USING APPLET

WAP TO DISPLAY SCROLLING TEXT USING APPLET:

public class ScrollText extends Applet implements Runnable {

String Banner = "Text Scrolling";

public void init() {

public void paint(Graphics g) {

Font a = new Font("Impact",Font.BOLD,45);

EXP NO :9 PLAY SOUND USING APPLET

public class playSound extends Applet implements ActionListener {