Scribd
Upload
69 views

Aashish Malik 057 Information Technology Management Lab

The document is a series of practical assignments for an Information Technology Management Lab course. It includes 8 practical assignments where students are asked to create HTML files using different tags like header tags, formatting tags, iframe tags, div tags, and table tags. It also includes creating files with images, styles, and forms. The assignments provide hands-on experience with various HTML elements and concepts.

Uploaded by

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

Aashish Malik 057 Information Technology Management Lab

The document is a series of practical assignments for an Information Technology Management Lab course. It includes 8 practical assignments where students are asked to create HTML files using different tags like header tags, formatting tags, iframe tags, div tags, and table tags. It also includes creating files with images, styles, and forms. The assignments provide hands-on experience with various HTML elements and concepts.

Uploaded by

Rajeev Tripathi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 52

Information Technology Management Lab

(MBA 151)

PRACTICAL FILE

Guru Gobind Singh Indraprastha University

University School of Management Studies

Name - Aashish Malik

MBA Weekend 1st Semester

Enrolment No:

05716688521
Practical – 1
Create a HTML file using
Header Tags. Code:
<!DOCTYPE html>

<html>

<head>

<title>Header Tag</title>

</head>

<body>

<header>

    <h1>My Self Aashish Malik.</h1>

<h2>I enrolled for MBA.</h2>

<h3>In this code file, i am using header tags. </h3>

<h4>I am Doing MBA From IP University.</h4>

<h5>IP University - Indraprastha University</h5>

<h6>Enrolment Number - XXXX XXX XX</h6>

</header>

</body>

</html>

Output
Practical – 2
Create a HTML file using
Formatting Tags. Code:
<!DOCTYPE html>
<html>
<head>
<title>Formatting Tags</title>
</head>
<body>
<div class="container">
    <p><b>My Self Aashish Malik.</b></p>
<p><i>I enrolled for MBA.</i></p>
<p>In this code file, i am using <u>formatting tags.</u> </p>
<p>I am Doing <sub>MBA</sub> From <mark>IP University.</mark></p>
<p><sup>IP University</sup> - Indraprastha University</p>
<p>Enrolment Number - <mark>XXXX XXX XX</mark></p>
</div>
</body>
</html>
Output
Practical – 3
Create a HTML file where you have used IFRAME Tag. Code:

<!DOCTYPE html>
<html>
<head>
<title>Iframe Tag</title>
</head>
<body>
<div class="container">
    <p><b>My Self Aashish Malik.</b></p>
<p>In this code file, i am using iframe. <mark>Below is a iframe of
map</mark>. </p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!
1m3!1d448183.7390930067!2d76.81307038634928!3d28.646677254552095!2m3!1f0!2f0!3f0!3m2!
1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd5b347eb62d%3A0x37205b715389640!2sDelhi!5e0!3m2!
1sen!2sin!4v1648104756492!5m2!1sen!2sin" width="650" height="450" style="border:0;"
allowfullscreen="" loading="lazy"></iframe>
</div>
</body>
</html>

Output
Practical – 4
Create a HTML file where you have used DIV, FONT and SPECIAL
CHARACTER Tags. Code:
<!DOCTYPE html>
<html>
<head>
<title>Special Character DIV Tags</title>
</head>
<body>
<div class="container">
    <p>My Self Aashish Malik.</p>
<p>I enrolled for MBA.</p>
<p style="font-family:verdana">In this code file, i am using <u>formatting
tags.</u> </p>
<p>I am Doing MBA From IP University &#174; .</p>
<p>IP University - Indraprastha University &#169; </p>
<p style="font-family:verdana">Enrolment Number - XXXX XXX XX</p>
</div>
</body>
</html>
Output
Practical – 5
Create a HTML file
<html>

<head>

<title>PK Q5</title>

<style>

table {

border-collapse: collapse;

margin-left: auto;

margin-right: auto;

body{

background-color:red;

}
</style>

</head>

<body>

<table border="15px" >

<tr>

<th ><img src="modi.jpg" height=200 width=150></th>

<th><img src="manmohan.jpg" height=200 width=150></th>

<th><img src="kejriwal.jpg" height=200 width=150></th>

</tr>

<tr>

<td >PM</td>

<td>Ex-PM</td>

<td>CM</td>

</tr>

</table>

</body>

</html>
Output
Practical – 6
Create a HTML file
<html>
<head>
<title>PK Q6</title>
</head>
<body style ="text-align:center">

<h1>Hello World</h1>
<h2>Hello World</h2>
<h3>Hello World</h3>
<h4>Hello World</h4>
<h5>Hello World</h5>
<h6>Hello World</h6>
<h5>Hello World</h5>
<h4>Hello World</h4>
<h3>Hello World</h3>
<h2>Hello World</h2>
<h1>Hello World</h1>

</body>
</html>

Output

Practical – 7
Create a HTML file
<html>
<head>
<title>PK Q7</title>
<style>
.center {
display: block;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>

<table style="width:100%">
<tr>
<th ><img src="modi.jpg" align="left" height=200 width=150 ></th>
<th></th>
<th></th>
</tr>
<tr>
<td ></td>
<td><img src="manmohan.jpg" class="center" height=200 width=150></td>
<td></td>
</tr>
<tr>
<th ></th>
<th></th>
<th><img src="kejriwal.jpg" align="right" height=200 width=150></th>
</tr>

</table>

</body>

</html>
Output

Practical – 8
Create a HTML file
<html>
<head>
<title>PK Q8</title>
<style>
table {
border-collapse: collapse;
}
th, td{
padding-left: 25px;
padding-right: 25px;
padding-top: 5px;
padding-bottom: 5px;
text-align:center;
}
</style>
</head>
<body>

<table border="5px" >


<tr>
<th column-width="10px"></th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
</tr>
<tr>
<td >1:00</td>
<td rowspan="2" style="background-color:#f7f6a6">Office</td>
<td></td>
<td rowspan="2" style="background-color:#f7f6a6">Office</td>
<td rowspan="8" style="background-color:#f7f6a6">Office Hours by Appt</td>
<td rowspan="2" style="background-color:#f7f6a6">Office</td>
</tr>
<tr>
<td>1:30</td>
<td rowspan="2" style="background-color:#95bade">Dept Meeting</td>
</tr>
<tr>
<td>2:00</td>
<td rowspan="3" style="background-color:#23f743">MAT 108</td>
<td rowspan="3" style="background-color:#23f743">MAT 108</td>
<td rowspan="3" style="background-color:#23f743">MAT 108</td>
</tr>
<tr>
<td>2:30</td>
<td></td>
</tr>
<tr>
<td>3:00</td>
<td rowspan="3" style="background-color:#95bade">EC Meeting</td>
</tr>
<tr>
<td>3:30</td>
<td rowspan="3" style="background-color:#ffadcf">CSC 205</td>
<td rowspan="3" style="background-color:#ffadcf">CSC 205</td>
<td rowspan="3" style="background-color:#ffadcf">CSC 205</td>
</tr>
<tr>
<td>4:00</td>
</tr>
<tr>
<td>4:30</td>
<td ></td>
</tr>
</table>

</body>

</html>
Output

Practical – 9
Create a HTML file
<html>
<head>
<title>PK Q9</title>
<style>
label{
width:180px;
float:left;
text-align:right
}
body {background-color: #d7d7c1;}
</style>
</head>

<body>
<div style="width:60%; margin:auto; background-color:white" >
<div style="background-color:red; color:white"><b style="margin-left:20; font-
size:40">JobSearch</b><b style="font-size:19">.com</b></div>
<h3 style = "margin-left:20">Create Your Account</h3>
<h5 style = "margin-left:20; color:red">*Request Information</h5>

<div style="background-color:#eff5f5; margin:10">


<div style="background-color:#b1cdcd; margin:10"><b>Basic Information</b></div>

<label for ="email" style="margin:5">Email<b style ="color:red">*</b></label>


<input type="email" id="email" name="email" style="margin:5">
<br>
<label for ="pass" style="margin:5">Password<b style ="color:red">*</b></label>
<input type="password" id="pass" name="pass" style="margin:5">
<br>
<label for ="cpass" style="margin:5">Retype Password<b style ="color:red">*</b></label>
<input type="text" id="cpass" name="cpass" style="margin:5">
<br>
<label for ="fname" style="margin:5">First Name<b style ="color:red">*</b></label>
<input type="text" id="fname" name="fname" style="margin:5">
<br>
<label for ="lname" style="margin:5">Last Name<b style ="color:red">*</b></label>
<input type="text" id="lname" name="lname" style="margin:5">
<br>
<label for ="phone" style="margin:5">Phone<b style ="color:red">*</b></label>
<input type="number" id="phone" name="phone" placeholder="999-999-9999" style="margin:5">
<br>
<label for ="address" style="margin:5">Address<b style ="color:red">*</b></label>
<input type="text" id="address" name="address" style="margin:5">
<br>
<label for ="city" style="margin:5">City<b style ="color:red">*</b></label>
<input type="text" id="city" name="city" style="margin:5">
<br>
<label for ="province" style="margin:5">Province<b style ="color:red">*</b></label>
<select name="province" id="province" value="province" style="margin:5">
<option value="P1">Province1</option>
<option value="P2">Province2</option>
<option value="P3">Province3</option>
<option value="P4">Province4</option>
<option value="P5">Province5</option>
</select>
<br>
<label for ="country" style="margin:5">Country<b style ="color:red">*</b></label>
<input type="text" id="country" name="country" style="margin:5">

</div>

<div style="background-color:#eff5f5; margin:10">


<div style="background-color:#b1cdcd; margin:10"><b>Education</b></div>

<label for ="school" style="margin:5">School<b style ="color:red">*</b></label>


<input type="text" id="school" name="school" style="margin:5">
<br>
<label for ="program" style="margin:5">Program<b style ="color:red">*</b></label>
<input type="text" id="program" name="program" style="margin:5">
<br>
<label for ="el" style="margin:5">Education Level<b style ="color:red">*</b></label>
<select name="date" id="el" value="el" style="margin:5">
<option value="NA">select-</option>
<option value="1">B.Tech/B.E.</option>
<option value="2">BCA</option>
<option value="3">MCA</option>
<option value="4">M.Tech</option>
</select>
<br>
<fieldset style="background-color:white; margin-left:190;width:200">
<legend>Education Status</legend>
<input type="radio" id="type" name="type" value="g">Graduated<br>
<input type="radio" id="type" name="type" value="c" >Currently Enrolled<br>
<input type="radio" id="type" name="type" value="n">Not Graduated<br>
</fieldset>
<br>
<label for ="gdate" style="margin:5">Graduation Date</label>
<input type="date" id="gdate" name="gdate" style="margin:5">
</div>

<div style="background-color:#eff5f5; margin:10">


<div style="background-color:#b1cdcd; margin:10"><b>Work Experience</b></div>

<label for ="emp" style="margin:5">Employer</label>


<input type="text" id="emp" name="emp" style="margin:5">
<br>
<label for ="jtitle" style="margin:5">Job Title</label>
<input type="text" id="jtitle" name="jtitle" style="margin:5">
<br>
<label for ="jduty" style="margin:5">Job Duty</label>
<textarea id="jduty" name="jduty" rows="4" cols="50" style="margin:5"></textarea>
<br>
<label for ="year" style="margin:5">Worked Year</label>
<select name="year" id="year" value="Year">
<option value="NA"></option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
</select>

</div>

<div style="background-color:#eff5f5; margin:10">


<div style="background-color:#b1cdcd; margin:10"><b>Attachments</b></div>

<label for ="att" style="margin:5">Attachments</label>


<input type="file" id="att" name="att" style="margin:5">
</div>

<div align="center">

<input type="reset" name="Reset" style="background-color:red;color:white; margin:7; size:50">


<button type="button" style="background-color:red; margin:7;color:white; size:50">Apply</button>
</div>

</div>
</body>

</html>
Output
Practical – 10
Create a HTML file
<html>
<head>
<title>PK Q10</title>
<style>
label{
width:180px;
float:left;
text-align:right
}
</style>

</head>
<body>
<form>
<div style="width:500px">
<div style="background-color:#F58548; color:yellow"><b style="margin:9; font-size:25">Sign
Up</b></div>

<div style="background-color:#393552; color:yellow">


<label for ="fname" style="margin:5">First Name</label>
<input type="text" id="fname" name="fname" placeholder="Enter your First Name"
style="margin:5">
<br>
<label for ="lname" style="margin:5">Last Name</label>
<input type="text" id="lname" name="lname" placeholder="Enter your Last Name"
style="margin:5">
<br>
<label for ="dob" style="margin:5">Date of Birth</label>
<select name="date" id="date" value="Date" style="margin:5">
<option value="NA">Date</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<select name="month" id="month" value="Month">
<option value="NA">Month</option>
<option value="1">January</option>
<option value="2">February</option>
<option value="3">March</option>
<option value="4">April</option>
</select>
<select name="year" id="year" value="Year">
<option value="NA">Year</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
</select>
<br>
<label for="gender" >Gender</label>
<input type="radio" id="type" name="type" value="male">Male
<input type="radio" id="type" name="type" value="female" >Female
<br>
<label for ="country" style="margin:5">Country</label>
<select name="country" id="country" value="country" style="margin:5">
<option value="NA">Country</option>
<option value="US">US</option>
<option value="India">India</option>
<option value="China">China</option>
<option value="Japan">Japan</option>
</select>
<br>
<label for ="email" style="margin:5">E-mail</label>
<input type="email" id="email" name="email" placeholder="Enter your E-mail" style="margin:5">
<br>
<label for ="phone" style="margin:5">Phone</label>
<input type="number" id="phone" name="phone" placeholder="Enter your Phone"
style="margin:5">
<br>
<label for ="pass" style="margin:5">Password</label>
<input type="password" id="pass" name="pass" style="margin:5">
<br>
<label for ="cpass" style="margin:5">Confirm Password</label>
<input type="text" id="cpass" name="cpass" style="margin:5">
<br>
<div style=" margin-left:190px">
<input type="checkbox" name="tnc" >I Agree to the Terms of use
</div>
</div>

<div style="background-color:#F58548; text-align:right">


<input type="submit" name="submit" style="background-color:green; margin:7; size:50">
<input type="reset" name="reset" style="background-color:pink; margin:7; size:50">
</div>
</div>
</form>
</body>
<html>
Output
Practical – 11
Create a HTML file
<html>
<head>
<title>PK Q11</title>
<style>
table {
border-collapse: collapse;
}
th, td{
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
</style>
</head>
<body>
<div style="background-color:#e1e3e2; display:inline-block">
<table border="2px" >
<caption style="text-align:center"><i>A test data with merged cells</i></caption>
<tr>
<th rowspan="2"></th>
<th colspan="2">Average</th>
<th rowspan="2">Red Eyes</th>
</tr>
<tr>
<td><b>height</b></td>
<td><b>weight</b></td>
</tr>
<tr>
<td style="text-align:center"><b>Males</b></td>
<td>1.9</td>
<td>0.003</td>
<td>40%</td>
</tr>
<tr>
<td style="text-align:center"><b>Females</b></td>
<td>1.7</td>
<td>0.002</td>
<td>43%</td>
</tr>

</table>
</div>
</body>

</html>

Output

Practical – 12
Create a HTML file
<html>
<head>
<title>PK Q12</title>
<style>
label{
width:150px;
float:left
}
</style>
</head>
<body>
<form>
<h1>The Coffee House</h1>
<h3>Order Form</h3>
<label for="coffee" >Coffee:</label>
<select name="coffee" id="coffee" value="Select Coffee">
<option value="NA">Select Coffee:</option>
<option value="Cappuccino">Cappuccino</option>
<option value="Latte">Latte</option>
<option value="Americano">Americano</option>
</select>
<br>
<label for="type" >Type:</label>
<div>
<input type="radio" id="type" name="type" value="Regular">Regular
<!--br not working here inside div-->
<input type="radio" id="type" name="type" value="Decaffeinated">Decaffeinated
</div>
<br>
<label for="quantity" >Quantity (in pounds):</label>
<input type="number" id="quantity" name="quantity" size ="20"><!--width or size not working-->
<br>
<label for="name" >Name:</label>
<input type="text" id="name" name="name" >
<br>
<label for="email" >Email Address:</label>
<input type="email" id="email" name="email" >
<br>
<label for="phone" >Telephone#:</label>
<input type="number" id="phone" name="phone" >
<br>
<label for="address" >Address:</label>
<input type="text" id="address" name="address" >
<br>
<label for="city" >City:</label>
<input type="text" id="city" name="city" >
<br>
<label for="state" >State:</label>
<input type="text" id="state" name="state" >
<br>
<label for="zip" >Zip:</label>
<input type="number" id="zip" name="zip" >
<br>

<button type="submit" >Submit</button>


<button type="reset">Reset</button>
</form>
</body>

</html>

Output
Practical – 13
Create a HTML file
<html>
<head>
<title>PK Q13</title>
<style>
table {
border-collapse: collapse;
}
th, td{
padding-left: 2px;
padding-right: 20px;
padding-top: 4px;
padding-bottom: 4px;
}
</style>
</head>
<body>
<div style="background-color:#e1e3e2; display:inline-block; width:60%" >
<table border="2px" style="width:100%">
<tr>
<th colspan="5">Commmandy Courses -- Both Autumn 1997</th>
</tr>
<tr>
<td style="text-align:center; width:25%"><b>Course Name</b></td>
<td style="text-align:center; width:20%"><b>Course Tutor</b></td>
<td style="text-align:center; width:39%"><b>Summary</b></td>
<td style="text-align:center; width:8%"><b>Code</b></td>
<td style="text-align:center; width:8%"><b>Fee</b></td>
</tr>
<tr>
<td>Alter the Civil War</td>
<td>Dr. John Wrongton</td>
<td>The course will <em>examine the cobulent years in England</em> after 1946. <em>6
weekly meetings starting Monday 13th October.</em></td>
<td>H27</td>
<td>&euro;32</td>
</tr>
<tr>
<td>An Introduction to Anglo-S'axoa England</td>
<td>Mark Cottle</td>
<td>One day course introducing the early medieval period reconstruction the Anglo-Sazons
and their society. <em>Saturday 18th October.</em></td>
<td>H28</td>
<td>&euro;18</td>
</tr>
<tr>
<td>The Glory that was Greece</td>
<td>Valeria Lorenz</td>
<td>Birthplace of <em>democracy, philosophy, heartland</em> of theatre,
<em>home</em> of argument. The Romans may have done it but the Greeks did it first.
<em>Saturday Day School 25th October 1997.</em> </td>
<td>H30</td>
<td>&euro;18</td>
</tr>

</table>
</div>
</body>

</html>

Output
Practical – 14
Create a HTML file
<html>
<head>
<title>PK Q14</title>
<style>
table{
width:50%;
}
tr{
background-color:#9dcfeb;
}
td{
padding-left:15px;
padding-right:15px;
}
input, textarea, select, button{
background-color:#daebf5;

}
</style>
</head>
<body>

<table border="2px" >


<tr>
<th colspan="2" style="color:red; background-color:#fff091">USER FORM</th>
</tr>
<tr>
<td style="width:35%">Enter Name</td>
<td style="width:65%"><input type="text" id="name" name="name"
style="width:100%"></td>
</tr>
<tr>
<td >Enter Password</td>
<td ><input type="password" id="password" name="password" style="width:100%"></td>
</tr>
<tr>
<td >Enter Address</td>
<td ><textarea type="text" id="address" name="address" rows="4" cols="55"
></textarea></td>
</tr>
<tr>
<td >Select Game</td>
<td >
<input type="checkbox" name="Hockey" >Hockey<br>
<input type="checkbox" name="Football" >FootBall<br>
<input type="checkbox" name="Cricket" >Cricket<br>
<input type="checkbox" name="VolleyBall" >VolleyBall<br>
</td>
</tr>
<tr>
<td >Select Gender</td>
<td >
<input type="radio" id="type" name="type" value="male">Male
<input type="radio" id="type" name="type" value="female" >Female</textarea></td>
</tr>
<tr>
<td >Select your age</td>
<td >
<select name="year" id="year" value="Year" style="width:100%">
<option value="NA">select</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input type="file" id="att" name="att" style="margin:5" ></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="button" value="Click Me" style="width:30%">
<button type="reset" style="width:30%">Reset</button>
<button type="submit" style="width:30%">Submit Form</button>
</td>
</tr>

</table>

</body>

</html>

Output
Practical – 15
Create a HTML file
<html>

<title>
SignUp
</title>

<style>
body
{
background-color: #caf78f;
color: black;
font-family: "Comic Sans MS";
}

</style>
<body>

<fieldset style="background-color:#65f787">
<table>
<form name="f1" action= method=>
<legend style="text-align:center"> USER FORM</legend>

<tr>
<td>
<label name="l">&bull; FIRST NAME </label>
</td>
<td>
<input type="text" name="t1">
<br>
</td>
</tr>

<tr>
<td>
<label name="l">&bull; PASSWORD </label>
</td>
<td>
<input type="password" name="t1">
<br>
</td>
</tr>

<tr>
<td>
<label name="10">&bull; GENDER </label>
</td>
<td>
<input type="radio" name="t11"> Male
<input type="radio" name="t11"> Female
<br>
</td>
</tr>

<tr>
<td>
<label name="11">&bull; ADDRESS </label>
</td>
<td>
<textarea rows=10 cols=30 wrap=off name="t9">
</textarea>
</td>
</tr>

<tr>
<td>
<label name="2">&bull; D.O.B </label>
</td>
<td>
<input list="t21" placeholder="Month" style="text-align:left" size=5>
<datalist id="t21">
<option value="Jan"><option value="Feb"><option
value="Mar"><option value="Apr"><option value="May"><option value="Jun"><option
value="Jul"><option value="Aug"><option value="Sep"><option value="Oct">
<option value="Nov"><option value="Dec">
</datalist>

<input list="t20" placeholder="Date" style="text-align:left" size=3>


<datalist id="t20">
<option value="1"><option value="2"><option value="3"><option
value="4"><option value="5"><option value="6"><option value="7"><option value="8"><option
value="9"><option value="10">
<option value="11"><option value="12"><option
value="13"><option value="14"><option value="15"><option value="16"><option
value="17"><option value="18"><option value="19"><option value="20">
<option value="21"><option value="22"><option
value="23"><option value="24"><option value="25"><option value="26"><option
value="27"><option value="28"><option value="29"><option value="30"><option value="31">
</datalist>

<input list="t22" placeholder="Year" style="text-align:left" size=3>


<datalist id="t22">
<option value="2001"><option value="2002"><option
value="2003"><option value="2004"><option value="2005"><option value="2006"><option
value="2007"><option value="2008"><option value="2009"><option value="2010">
<option value="2011"><option value="2012">
</datalist>

</td>
</tr>

<tr>
<td>
<label name="3">&bull; SELECT GAMES</label>
</td>

<td>
<input type="checkbox">
<label name="t4"> Hockey </label>
<input type="checkbox">
<label name="t4"> Football </label>
<input type="checkbox">
<label name="t4"> Cricket </label>
<input type="checkbox">
<label name="t4"> Volleyball </label>
</td>
</tr>

<tr>
<td>
<label name="10">&bull; MARITAL STATUS </label>
</td>
<td>
<input type="radio" name="t11"> Married
<input type="radio" name="t11"> Un Married
<br>
</td>
</tr>

<tr>
<td>
</td>
<td>
<input type="submit"">
<input type="reset">
</td>
</tr>

<tr>
<td>
</td>
<td>
<input type="checkbox">
<label name="t4"> I accept this agreement </label>
</td>
</tr>

</form>
</table>
</fieldset>

</body>
</html>
Output
Practical – 16
Create a HTML file
Create a HTML file Code:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled
Document</title>
<style type="text/css">
.ag {
text-align: center; }
</style> </head>
<body>
<table width="768">
<tr>
<td colspan="2" bgcolor="#FFFF00" class="ag"><blockquote>
<p>Feedback form of MBA student</p> </blockquote></td>
</tr> <tr>
<td width="310" bgcolor="#FFFF00">Enter First Name</td>
<td width="446" bgcolor="#FFFF00"><input name="textfield17" type="text" id="textfield17"
value="Enter Your First Name" /></td>
</tr> <tr>
<td bgcolor="#FFFF00">Enter Password</td>
<td bgcolor="#FFFF00"><input type="text" name="textfield16" id="textfield16" /></td> </tr>
<tr>
<td bgcolor="#FFFF00">Enter Gender </td> <td bgcolor="#FFFF00"><label>

<input type="radio" name="radio" id="radio" value="radio" /> </label> Male


<input type="radio" name="radio" id="radio2" value="radio" /> Female</td>
</tr> <tr>
<td bgcolor="#FFFF00">Enter your Programme</td> <td bgcolor="#FFFF00"><label>
<input type="checkbox" name="checkbox2" id="checkbox2" /> MBA </label>
<label>
<input type="checkbox" name="checkbox3" id="checkbox3" />
</label> <label> MCA
<input type="checkbox" name="checkbox4" id="checkbox4" /> MSC</label></td>
</tr> <tr>
<td bgcolor="#FFFF00"><label>
<input type="text" value="Enter Your Favourite actor" />
</label></td>
<td bgcolor="#FFFF00">&nbsp;</td> </tr>

<tr>
<td bgcolor="#FFFF00"><input name="textfield" type="text" id="textfield" /></td> <td
bgcolor="#FFFF00">&nbsp;</td>
</tr> <tr>
<td bgcolor="#FFFF00"><label>
<input name="textfield2" type="text" id="textfield2" value="mm/dd/yyyy" />
</label></td>

<td bgcolor="#FFFF00">&nbsp;</td> </tr>


<tr>
<td bgcolor="#FFFF00"><label>
<input name="textfield3" type="text" id="textfield3" value="-- | " />
</label></td>
<td bgcolor="#FFFF00">&nbsp;</td> </tr>
<tr>
<td bgcolor="#FFFF00"><label>
<input name="textfield4" type="text" id="textfield4" value="Week --, " />
</label></td>
<td bgcolor="#FFFF00">&nbsp;</td> </tr>
<tr>
<td bgcolor="#FFFF00"><label>
<input name="textfield5" type="text" id="textfield5" value="mm/dd/yyyy " />
</label></td>
<td bgcolor="#FFFF00">&nbsp;</td> </tr>
<tr>
<td bgcolor="#FFFF00"><label>
<input name="textfield6" type="text" id="textfield6" value="91-011-234567" />
</label></td>
<td bgcolor="#FFFF00">&nbsp;</td> </tr>
<tr>
<td bgcolor="#FFFF00"><label>
<input type="text" name="textfield7" id="textfield7" />

</label></td>
<td bgcolor="#FFFF00">&nbsp;</td>

</tr> <tr>
<td bgcolor="#FFFF00"><label>
<input type="text" name="textfield8" id="textfield8" />
</label></td>
<td bgcolor="#FFFF00">&nbsp;</td> </tr>
<tr>
<td bgcolor="#FFFF00"><label>
<input type="file" name="fileField" id="fileField" />
</label></td>
<td bgcolor="#FFFF00">&nbsp;</td> </tr>
<tr>
<td bgcolor="#FFFF00"><label>
<input name="textfield10" type="text" id="textfield10" value=" " />
</label></td>
<td bgcolor="#FFFF00">&nbsp;</td> </tr>
<tr>
<td bgcolor="#FFFF00">Enter Your City </td> <td bgcolor="#FFFF00"><label>
<select name="select" id="select"> <option>Delhi </option> <option>UP</option>
<option>Bihar</option> <option>Hariyana</option> <option>Punjab</option>
</select> </label></td>
</tr> <tr>
<td bgcolor="#FFFF00"><label>

<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>


</label></td>
<td bgcolor="#FFFF00">&nbsp;</td> </tr>
<tr>
<td bgcolor="#FFFF00">&nbsp;</td>

<td bgcolor="#FFFF00"><input type="submit" name="button" id="button" value="Submit" />


<input type="submit" name="button2" id="button2" value="Reset" /> <input type="submit"
name="button3" id="button3" value="Click Here" /></td>
</tr>
</table>
</body>
</html>

Output
Practical – 17
Create a HTML file
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title> <style type="text/css">


.ag {
text-align: center; }
</style> </head>
<body>
<table width="313" border="3">
<tr>
<td bgcolor="#33CC00"><span class="ag">Name</span></td>
<td bgcolor="#33CC00"><span class="ag">Age</span></td>
<td bgcolor="#33CC00"><span class="ag">Address</span></td> <td bgcolor="#33CC00"><span
class="ag">Telephone</span></td>
</tr> <tr>
<td bgcolor="#FFFF00"><span class="ag">Sanjib</span></td>
<td bgcolor="#FFFF00"><span class="ag">46</span></td>
<td bgcolor="#FFFF00"><span class="ag">Delhi</span></td>
<td bgcolor="#FFFF00"><span class="ag">9996795432</span></td>
</tr> <tr>

<td bgcolor="#00FF33"><span class="ag">Sanjib</span></td>


<td bgcolor="#00FF33"><span class="ag">46</span></td>
<td bgcolor="#00FF33"><span class="ag">Delhi</span></td>
<td bgcolor="#00FF33"><span class="ag">9996795432</span></td>
</tr> <tr>
<td bgcolor="#FFFF00"><span class="ag">Sanjib</span></td>
<td bgcolor="#FFFF00"><span class="ag">46</span></td>
<td bgcolor="#FFFF00"><span class="ag">Delhi</span></td>
<td bgcolor="#FFFF00"><span class="ag">9996795432</span></td>
</tr> <tr>
<td bgcolor="#00CC33"><span class="ag">Sanjib</span></td>
<td bgcolor="#00CC33"><span class="ag">46</span></td>
<td bgcolor="#00CC33"><span class="ag">Delhi</span></td>
<td bgcolor="#00CC33"><span class="ag">9996795432</span></td>

</tr> <tr>
<td bgcolor="#FFFF00"><span class="ag">Sanjib</span></td>
<td bgcolor="#FFFF00"><span class="ag">46</span></td>
<td bgcolor="#FFFF00"><span class="ag">Delhi</span></td>
<td bgcolor="#FFFF00"><span class="ag">9996795432</span></td>
</tr> <tr>
<td bgcolor="#00CC33"><span class="ag">Sanjib</span></td>
<td bgcolor="#00CC33"><span class="ag">46</span></td>
<td bgcolor="#00CC33"><span class="ag">Delhi</span></td>

<td bgcolor="#00CC33"><span class="ag">9996795432</span></td>


</tr> <tr>
<td bgcolor="#FFFF00"><span class="ag">Sanjib</span></td>
<td bgcolor="#FFFF00"><span class="ag">46</span></td>
<td bgcolor="#FFFF00"><span class="ag">Delhi</span></td>
<td bgcolor="#FFFF00"><span class="ag">9996795432</span></td>
</tr> <tr>
<td bgcolor="#00CC33"><span class="ag">Sanjib</span></td>
<td bgcolor="#00CC33"><span class="ag">46</span></td>
<td bgcolor="#00CC33"><span class="ag">Delhi</span></td>
<td bgcolor="#00CC33"><span class="ag">9996795432</span></td>
</tr> <tr>
<td bgcolor="#FFFF00"><span class="ag">Sanjib</span></td>
<td bgcolor="#FFFF00"><span class="ag">46</span></td>
<td bgcolor="#FFFF00"><span class="ag">Delhi</span></td>
<td bgcolor="#FFFF00"><span class="ag">9996795432</span></td>
</tr> <tr>
<td bgcolor="#00CC33"><span class="ag">Sanjib</span></td>
<td bgcolor="#00CC33"><span class="ag">46</span></td>
<td bgcolor="#00CC33"><span class="ag">Delhi</span></td>
<td bgcolor="#00CC33"><span class="ag">9996795432</span></td>
</tr> </table> </body>

</html>

Output

Practical – 18
Create a HTML file
i Create an ordered and unordered list of your choice.

Create a HTML file using the following tags:


ii a) Header Tags b) Formatting Tags c) Anchor
Tags
iii Create an Ordered and definition list of your choice.

iv Create an unordered and definition list of your choice.


Create a hyperlink to transfer the control to another webpage and
v
back to the original webpage.
Create a hyperlink to transfer the control to some other location
vi
on the same webpage.

Create the following table:


empno empname designation
vii
1111 rakesh Manager
2222 suresh

Create a table as shown below using table tags.


viii CELL1 Cell Spans 2 Column
CELL2 CELL3 CELL4
Create a form to collect feedback from students about the course
ix
contents.

Code i
<html>
<body>
<h4>An Unordered List:</h4>
<ul>
<li>AC</li>
<li>TV</li>
<li>Refrigerator</li>
</ul>
<h4>An Ordered List:</h4>
<ol>
<li>AC</li>
<li>TV</li>
<li>Refrigerator</li>
</ol>
</body>
</html>
Code ii a & b
<html>
<body>
<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><big>This text is big</big></p>
<p><em>This text is emphasized</em></p>
<p><i>This text is italic</i></p>
<p><small>This text is small</small></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
</body>
</html>
Output

Code ii c

<html>
<body>
<a href="http://www.youtube.com">Youtube</a>
<p><a href="http://www.ipu.ac.in/">IPU Website</a></p>
<p><a href="http://www.yahoo.com">Yahoo</a></p>
</body>
</html>

Output

Code iii
<html>
<body>
<h4>A Definition List:</h4>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
<h4>An Ordered List:</h4>
<ol>
<li>AC</li>
<li>TV</li>
<li>Refrigerator</li>
</ol>
</body>
</html>

Output

Code iv
<html>
<body>
<h4>An Unordered List:</h4>
<ul>
<li>AC</li>
<li>TV</li>
<li>Refrigerator</li>
</ul>
<h4>A Definition List:</h4>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
</body>
</html>

Output
Code v

First.html
<html>

<body>

<a href="second.html">Click here to go to Second Page</a>

</body>

</html>

Second.html

<html>

<body>

<a href="first.html">Click here to go back</a>

</body>

</html>
Output

Code vi
<html>
<body>
<a href="#first">first</a>
<a href="#second">second</a>
<div id='first'>
<p>First Section</p>
</div>
<br><br><br>
<div id='second'>
<p>Second Section</p>
</div>
</body>
</html>
Output

Code Vii
<html>
<head>
<title>PK Q18 vii</title>
<style>
table {
border-collapse: collapse;
width:300px;

}
</style>
</head>
<body>
<table border="2px" >
<tr>
<th >EmpNo</th>
<th >EmpName</th>
<th >Designation</th>
</tr>
<tr>
<td >1111</td>
<td >Rakesh</td>
<td rowspan="2">Manager</td>
</tr>
<tr>
<td >2222</td>
<td >Suresh</td>
</tr>

</table>
</body>

</html>
Output
Code viii

<html>
<head>
<title>PK Q18 viii</title>
<style>
table {
border-collapse: collapse;
width:300px;

}
</style>
</head>
<body>
<table border="2px" >

<tr>
<td >CELL1</td>
<td colspan="2">Cell Spans 2 columns</td>
</tr>
<tr>
<td >CELL1</td>
<td >CELL2</td>
<td >CELL3</td>
</tr>

</table>
</body>

</html>
Output

Code ix
<html>
<html>
<head>
</head>
<body>
<h3>Course Content Feedback Form</h3>
<form>
<label>Student Name: </label>
<input type="text" name="Name">
<br>
<label>Student Section: </label>
<label>A</label>
<input type="radio" name="Section" value="A">
<label>B</label>
<input type="radio" name="Section" value="B">
<label>C</label>
<input type="radio" name="Section" value="C">
<br>
<label>Course Name: </label>
<input list="Course">
<datalist id="Course">
<option value="MBA">

<option value="B.Tech">
</datalist>
<br>
<label>Feedback: </label>
<input list="Feedback">
<datalist id="Feedback">
<option value="1">
<option value="2">
<option value="3">
<option value="4">
<option value="5">
</datalist>
</form>
</body>
</html>
Output
Practical – 19
Write SQL Query:-
Display average salary of employees having salary greater than 500 from emp table.
Practical – 20
Write SQL Query
Display the department no and total no of employees from emp table and group them by
department number.

Practical – 21
Write SQL Query Display the total salary from emp table where department no is either 10 or
20.
Practical – 22
Write SQL Query
Display dept no and total salary from emp table where job is not equals to salesman and employee
having total salary greater than 6000.
Practical – 23
Write SQL Query
Display dept no and total number of job in emp table and group them by deptno.
Practical – 24
Write SQL Query
Display second maximum salary from emp table.

Practical – 25
Write SQL Query
Create a table newdept.
Practical – 26
Write SQL Query
Alter table empdata and add primary constraint on employee id.

Practical – 27
Write SQL Query
Insert values in empdata table with values where input is from keyboard.
Practical – 28
Write SQL Query
Create a copy of existing table emp without data.

Practical – 29
Write SQL Query
Append a string “_emp” on employee name and display all the employees with appended name.
Practical – 30
Write SQL Query
Trim the string from the right and display the trimmed name from emp table.

Practical – 31
Write SQL Query
Display the name of employees in uppercase from emp table.
Practical – 32
Write SQL Query
Display the name of employees in lowercase from emp table .

Practical – 33
Write SQL Query
Display the length of employee name from emp table.
Practical – 34
Write SQL Query
Display the first two letters of employee name from emp table.

Practical – 35
Write SQL Query
Display the first two letters of employee name from emp table where length of emp name is greater
than 4.
Practical – 36
Write SQL Query
Find the position of first letter “A” in all the employee names in emp table.

Practical – 37
Write SQL Query
Find the second occurrence of A in ename in emp table.
Practical – 38
Write SQL Query
Display the emp name from emp. table where sound of employee name likes “JOHNS”.

You might also like