You are on page 1of 9

IICT LAB TASK

Name: Muhammad Bilal


ID: 70122862
Section : CS- B
Submitted To:
Sir Asif
Code 01
<!DOCTYPE html>
<html>
<head>
<title>Tables</title>

</head>

<body>
<h1>HTML Tables</h1>
<table border="2" cellpadding="3" cellspacing="1" bgcolor="#87CEFA">
<caption><strong>Class Information</strong></caption>

<tr>
<th> Student Name</th>
<th>Father name</th>
<th>ID</th>
<th>NUMBER</th>
</tr>
<tr align="center">
<td>Asad</td>
<td>Abdullah</td>
<td>122036</td>
<td>761</td>
</tr>
<tr align="center">
<td>Kasif</td>
<td>Luqman</td>
<td>5656</td>
<td>670</td>
</tr>
<tr align="center">
<td>Nazeer</td>
<td>Shahid</td>
<td>124510</td>
<td>981</td>
</tr>

</table>

</body>
</html>
RESULT:

Code 02:
<!DOCTYPE html>
<html>
<head>
<title>Tables</title>
</head>

<body>

<h1>Pay Plan</h1>
<table border="2" cellpadding="5" cellspacing="1" bgcolor="#FFD700">
<caption><strong>Dream Technologies</strong></caption>
<tr>
<throwspan="2">Year</th>
<throwspan="2">Quarter</th>
<thcolspan="2">Expenses</th>
<!-- <th>Expenses</th> -->
<thcolspan="2">Income</th>
<!-- <th>Income</th> -->
</tr>
<tr align="center">
<!-- <td>Year</td> -->
<!-- <td>Quarter</td> -->
<td>Quetta</td>
<td>Lahore</td>
<td>Karachi</td>
<td>Dubai</td>
</tr>
<tr align="center">
<td rowspan="4">2001</td>
<td>1</td>
<td>1,900</td>
<td>8,650</td>
<td>9,000</td>
<td>7,780</td>
</tr>
<tr align="center">
<!-- <td>2001</td> -->
<td>2</td>
<td>2,230</td>
<td>8,650</td>
<td>8,500</td>
<td>8,670</td>
</tr>
<tr align="center">
<!-- <td>2001</td> -->
<td>3</td>
<td>4,000</td>
<td>8,650</td>
<td>9,900</td>
<td>9,870</td>
</tr>

<tr align="center">
<!-- <td>2001</td> -->
<td>4</td>
<td>2,200</td>
<td>8,650</td>
<td>9,800</td>
<td>9,900</td>
</tr>
<tr align="center">
<td rowspan="4">2002</td>
<td>1</td>
<td>7,780</td>
<td>8,650</td>
<td>7,780</td>
<td>9,000</td>
</tr>
<tr align="center">
<!-- <td>2002</td> -->
<td>2</td>
<td>8,670</td>
<td>8,650</td>
<td>8,670</td>
<td>8,500</td>
</tr>
<tr align="center">
<!-- <td>2002</td> -->
<td>3</td>
<td>9,870</td>
<td>8,650</td>
<td>9,870</td>
<td>9,900</td>
</tr>
<tr align="center">
<!-- <td>2002</td> -->
<td>4</td>
<td>9,900</td>
<td>8,650</td>
<td>9,900</td>
<td>9,800</td>
</tr>
</table>

</body>
</html>

RESULT :
Code:03
<!DOCTYPE html>
<html>
<head>
<title>Online Buying Form </title>
</head>

<body bgcolor="#E0E0E0">
<form name="hotel" method="post" action="serversideScriptURL">
<table border="2" cellpadding="5" bgcolor="#CCE5FF">
<caption><h3><font face="Trebuchet MS" color="brown">Continental Hotel Reservation
Form</h3></caption>
<tr>
<tdalign="right"><b>Name</b></td>
<td><input type="text" name="username" placeholder="Enter your name" size="30"
required /></td>
</tr>
<tr>
<tdalign="right"><b>eMail</b></td>
<td><input type="email" name="useremail" value="info@continental.pk" size="30"
readonly/></td>
</tr>
<tr>
<tdalign="right"><b>Mobile No</b></td>
<td><input type="text" name="mobile" placeholder="Enter your cell number"
size="30"/></td>
</tr>
<tr>
<tdalign="right"><b>Arrival Time</b></td>
<td><input type="datetime-local" name="arrival" placeholder="Enter your arrival time"
/></td>
</tr>
<tr>
<tdalign="right"><b>Departure</b></td>
<td>
<input type="time" name="depart_time" title="Departure Time" />
<input type="date" name="depart_date" title="Departure Date" />
</td>
</tr>
<tr>

<tdalign="right"><b>Mode of Payment</b></td>
<td>
<input type="checkbox" name="cash" value="Cash" />Cash
<input type="checkbox" name="check" value="Check" />Check<br/>
<input type="checkbox" name="credit" value="Credit Card" />Credit Card
<select name="bank">
<option value="-1">Select Card</option>
<option value="master">Master</option>
<option value="visa">Visa</option>
</select>
</td>
</tr>
<tr align="center">
<td colspan="2">
<input type="submit" name="submit" value="Send Data" />
</td>
</tr>

</table>
</form
</body>
</html>
RESULT
CODE 04 :
<!DOCTYPE html>
<html>
<head>
<title>File Upload Form</title>
</head>

<body bgcolor="#E0E0E0">

<h1>File Upload Page</h1>

<form name="upload" method="post" action="serversideScriptURL" enctype="multipart/form-


data">
Please Type the name of the file ( C:\Desktop\code.html) that you want to upload to your
account on the UOL web server.<br/><br/>
<input type="file" name="cv" /><input type="submit" name="submit" value="Upload" />

</form>
</body>
</html>
RESULT:

You might also like