Lab File Management and Information System

A
LAB FILE
ON
MANAGEMENT AND INFORMATION SYSTEM
Submitted to:
J.C.BOSE UNIVERSITY OF SCIENCE AND TECHNOLOGY,
YMCA.
Submitted By:
Nikita
ROLL NO. 19020304028
BATCH 2019-2022
In Partial Fulfillment Of
Bachelor of Business Administration
(IIFSB)
NOVEMBER 2021
Satyug Darshan Institute of Engineering and Technology

Bhupani Lalpur Road, Village Bhupani
Faridabad- 121002.
1
INDEX
Sr. no. Topics Page no.
1 Create a webpage with text "HELLO” and text

should have red color and background of the
webpage should be blue color.
2 Create a webpage that should contain any
picture and the content of the webpage id the
caption related to that picture.
3 Create a webpage containing your name with 3
different fonts,3 different size and 3 different
color.
4 Wt lab (underline, bold and center).
Experiment (italic and underlined).
Font 1 (times new roman, red).
Font 2( Arial blue)
End (strike off)
5 Insert four different images with different sizes
in a single web page.
6 Create movement of text MIS.
Scroll, speed=2, Starting from left.
Slide, speed=5, up.
Alternative, color=green.
Move image.
7 Create a hyper refers of all the experiments.
8 Create a web page having 6 different heading in

the center of the page.
9 Create a web page with blue borders covering

2
the complete web page should have at least 5
row and 4 columns having the data regarding
the student.
10 Create a table with blue border covering the
complete web page should have 5row 4 column
having the data regarding student’s information.
Change the color of the cell where the
percentage of the student is less than 80%.
11 Create a webpage for restaurant menu card.
12 Create a login form.
3
EXPERIMENT-1
AIM: Create a webpage with text "HELLO” and text should have red
color and background of the webpage should be blue color.
HTML CODE:
<!DOCTYPE html>
<HTML>
<head>
<title>Nikita BBA(II)19/028
</title>
<body bgcolor="blue" text="red">HELLO</body>
</head>
</Html>
4
OUTPUT
5
EXPERIMENT-2
AIM: Create a webpage that should contain any picture and the
content of the webpage id the caption related to that picture.
HTML CODE:
<!DOCTYPE html>
<html>
<head>
<title> Nikita </title>
</head>
<body>
<img src="i3.jpg" width="480" height="345">It was all a dream
</body>
</html>
6
OUTPUT
7
EXPERIMENT-3
AIM: Create a webpage containing your name with 3 different fonts, 3

different size and 3 different color.
HTML CODE:
<!DOCTYPE html>
<html>
<head>
<title> Nikita </title>
</head>
<body>
<font face="chiller" size="4" color="blue">Nikita</font><br>
<font face="monotype corsiva" size="5"
color="Black">Nikita</font><br>
<font face="impact" size="10" color="green">Nikita</font><br>
</body>
</html>
8
OUTPUT
9
EXPERIMENT-4
AIM: Create a web page with –

1. MIS LAB (underline, bold and center).
2. Experiment (italic and underlined).
3. Font 1 (times new roman, red).
4. Font 2( Arial blue)
5. End (strike off)
HTML CODE:
<HTML>
<head>
<title>Nikita
</title>
</head>
<body >
<center>
<p><b><u>MIS LAB</u></b> </p>
</center>
<br>
<i><u>Experiment</u></i>
<br>
<font face="Times New Roman" color="red" >Nikita</font>
<br>
<font face="arial" color="blue">BBA(IIFSB)</font>
<br>
<strike>END</strike>
</body>
</html>
10
OUTPUT
11
EXPERIMENT-5
AIM: Insert four different images with different sizes in a single web
page.
HTML CODE:
<!DOCTYPE html>
<html>
<head>
<title>Nikita</title>
</head>
<body>
<img src="two faces.jpg" width="450" height="300">
<img src="geo bulldog.jpg" width="300" height="200">
<img src="geo wolf.jpg" width="350" height="250">
<img src="skellihand.jpg" width="250" height="250">
</body>
</html>
12
OUTPUT
13
EXPERIMENT-6
AIM: Create a webpage with_

1. Create movement of text MIS.
2. Scroll, speed=2, Starting from left.
3. Slide, speed=5, up.
4. Alternative, color=green.
5. Move image.
HTML CODE:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<marquee behavior="scroll" > MIS (Behavior : Scroll)</marquee>
<marquee behavior="slide">MIS(Behavior : Slide)</marquee>
<marquee bgcolor="#green" behavior="alternate" > MIS
(Behavior : Alternate)</marquee>
<marquee behavior="scroll" direction="up">
<img src="geo wolf.jpg" width="400" height="300"></marquee>
</body>
</html>
14
OUTPUT
15
EXPERIMENT-7
AIM: Create a hyper refers of all the experiments.
HTML CODE:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a href="file:///C:/Users/Lenovo/Desktop/try.html">Go To
Experiment 1</a>
<br>
<a href="file:///C:/Users/Lenovo/Desktop/try2.html">Go To
Experiment 2</a>
<br>
Experiment 3</a>
<br>
Experiment 4</a>
<br>
Experiment 5</a>
<br>
Experiment 6</a>
</body>
</html>
16
OUTPUT
17
EXPERIMENT-8
AIM: Create a web page having 6 different heading in the center of the
page.
HTML CODE:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1 style="text-align:center">This is heading 1</h1>
</body>
<html>
18
OUTPUT
19
EXPERIMENT-9
AIM: Create a web page with blue borders covering the complete web
page should have at least 5 row and 4 columns having the data
regarding the student.
HTML CODE:
<html>
<head>
<body>
<table border=6 bordercolor=”blue”>
<th>s.no</th>
<th>Name</th>
<th>BRANCH</th>
<th>PERCENTAGE</th>
<th>GRADE<th>
<tr><td>1</td>
<td>Aashu</td>
<td>CSE</td>
<td>90</td>
<td>A+</td></tr>
<tr><td>2</td>
<td>Raghav</td>
<td>B.tech</td>
<td>85</td>
<td>A+</td></tr>
<tr>
<td>3</td>
<td>Mohit</td>
<td>BBA</td>
<td>82</td>
<td>B+<td>
</tr>
20
<tr>
<td>4</td>
<td>Nikita</td>
<td>BBA</td>
<td> 70</td>
<td>B</td>
</tr>
</table>
</body>
</head>
</html>
21
OUTPUT
22
EXPERIMENT-10
AIM: Create a table with blue border covering the complete web page
should have 5row 4 column having the data regarding student’s
information. Change the color of the cell where the percentage of the
student is less than 80%.
HTML CODE:
<html>
<head>
<body>
<table border=6 bordercolor=”blue”>
<th>s.no</th>
<th>Name</th>
<th>BRANCH</th>
<th>PERCENTAGE</th>
<th>GRADE<th>
<tr><td>1</td>
<td>Aashu</td>
<td>CSE</td>
<td>90</td>
<td>A+</td></tr>
<tr><td>2</td>
<td>Raghav</td>
<td>B.tech</td>
<td>85</td>
<td>A+</td></tr>
<tr>
<td>3</td>
<td>Mohit</td>
<td>BBA</td>
<td>82</td>
<td>B+<td>
23
</tr>
<tr bgcolor="red">
<td>4</td>
<td>Nikita</td>
<td>BBA</td>
<td> 70</td>
<td>B</td>
</tr>
</table>
</body>
</head>
</html>
24
OUTPUT
25
EXPERIMENT-11
AIM: Create a webpage for restaurant menu card.
HTML CODE:
<!DOCTYPE html>
<HTML>
<head>
</head>
<body bgcolor="grey">
<center>
<u>
<h1>HOTEL DEL LUNA</h1>
</u>
</center>
<br>
<center>
<u>
<h2>Menu</h2>
</u>
</center>
<br>
<center>
<u>
<h3>MAIN DISHES</h3>
</u>
<li>Spaghetti Carbonara............... $12</li>
<li>Spaghetti bolognese............... $15</li>
<li>Beef Steak........................ $20</li>
<li>Chicken Salad..................... $10</li>
<br>
<u>
<h3>SNACK</h3>
26
</u>
<li>Sandwich.......................... $5</li>
<li>French Fries...................... $4</li>
<li>Pudding........................... $6</li>
<li>Caramel cake...................... $6</li>
<br>
<u>
<h3>BEVERAGES</h3>
</u>
<li>Red Wine.......................... $25</li>
<li>Orange Juice...................... $8</li>
<li>Ice Tea........................... $5</li>
<li>Soju.............................. $15</li>
<br>
</center>
</body>
</HTML>
27
OUTPUT
28
EXPERIMENT-12
AIM: Create a login form.
HTML CODE:
<html>
<head>
<title>Login Page</title>
</head>
<body bgcolor="#F08080">
<center>
<h1>Student Login Form</h1>
</center>
<br>
<center>
<form>
<lable>Username:</lable><br>
<input type="text" placeholder="Enter Firstname"name="Firstname"
required><br>
<input type="text"placeholder="Enter Lastname"name="Lastname"
required><br>
<lable>Gender:</lable><br>
<input type ="radio" name="Gender" value="Male">Male
<input type="radio" name="Gender" value="Female">female<br>
<lable>Branch:</lable><br>
<select>
<option value="BBA">BBA</option>
<option value="B.TECH">B.TECH</option>
</select><br>
<lable>Password:</lable><br>
<input type="password" placeholder="Enter Password"
name="password"required><br>
<button type="Submit">Login</button><br>
<input type="checkbox"checked="checked">Remember me<br>
29
<button type="button" cancel</button><br>
<a href="#">Forgot Password?</a>
</form>
</center>
</body>
</html>
30
OUTPUT
31

Lab File Management and Information System

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

Lab File Management and Information System

Uploaded by

Copyright:

Available Formats

A

Satyug Darshan Institute of Engineering and Technology

Sr. no. Topics Page no.

1 Create a webpage with text "HELLO” and text

8 Create a web page having 6 different heading in

9 Create a web page with blue borders covering

11 Create a webpage for restaurant menu card.

12 Create a login form.

AIM: Create a webpage containing your name with 3 different fonts, 3

AIM: Create a web page with –

AIM: Create a webpage with_

AIM: Create a hyper refers of all the experiments.

AIM: Create a webpage for restaurant menu card.

AIM: Create a login form.

You might also like