IT LAB RECORD
Name: Sanjitha
Designation: Asst Professor
Department: BCA
Program 1: Email Sending & Receiving
Step 1: Open Gmail
Step 2: Click Compose
Step 3: Enter recipient email
Step 4: Enter subject and message
Step 5: Click Send
Receiving:
Open Inbox and read messages
Output:
Email sent and received successfully
Program 2: Zoom / Google Meet
Login to Zoom
Schedule meeting
Share invitation link
Google Meet:
Create event
Add participants
Generate link
Output:
Meeting created and participants joined
Program 3: HTML Form
<!DOCTYPE html>
<html>
<body>
<form>
First Name: <input type="text" name="fname"><br><br>
Description:<br>
<textarea name="description"></textarea><br><br>
Gender:
<input type="radio" name="gender" value="male">Male
<input type="radio" name="gender" value="female">Female<br><br>
Interests:
<input type="checkbox" name="sports">Sports
<input type="checkbox" name="music">Music<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Output:
Form with input fields, radio buttons and checkboxes displayed
Program 4: HTML Page with Link & Image
<!DOCTYPE html>
<html>
<head>
<title>Amazon Shopping</title>
</head>
<body>
<h1>Welcome to Amazon Shopping Info Page</h1>
<p>
<a href="[Link] target="_blank">
Visit Amazon India
</a>
</p>
<marquee>Check latest offers</marquee>
<img src="[Link]" width="200">
</body>
</html>
Output:
Webpage with heading, link, scrolling text and image displayed
Program 5: CSS Styles
/* [Link] */
h3 { color: green; }
/* HTML */
<style>
h2 { color: red; }
</style>
<h1 style="color:blue;">Inline CSS</h1>
<h2>Internal CSS</h2>
<h3>External CSS</h3>
Output:
Different styles applied using inline, internal and external CSS
Program 6: Time Table
<table border="1">
<tr>
<th>Day</th><th>9-10</th><th>10-11</th><th>11:30-12:30</th>
</tr>
<tr>
<td>Monday</td><td>IT</td><td>SE</td><td>DAA</td>
</tr>
<tr>
<td>Tuesday</td><td>IT</td><td>SE</td><td>DAA</td>
</tr>
</table>
Output:
Weekly timetable displayed in table format
Program 7: Frames
<frameset cols="20%,60%,20%">
<frame src="[Link]">
<frame src="[Link]">
<frame src="[Link]">
</frameset>
Output:
Page divided into three frames: menu, content and info
Program 8: JavaScript Alert & Prompt
<script>
alert("Welcome to our website");
var name = prompt("Enter your name:");
</script>
Output:
Alert and prompt dialog boxes displayed
Program 9: Form Validation
<script>
function validate(){
var name = [Link]("name").value;
if(name==""){
alert("Name required");
return false;
}
}
</script>
Output:
Validation message shown when fields are empty
Program 10: Arithmetic Operations
<script>
function calc(){
var a = Number([Link]("n1").value);
var b = Number([Link]("n2").value);
[Link]("add").innerHTML = a+b;
[Link]("sub").innerHTML = a-b;
[Link]("mul").innerHTML = a*b;
[Link]("div").innerHTML = a/b;
}
</script>
Output:
Displays addition, subtraction, multiplication and division results