Professional Documents
Culture Documents
</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">
</form>
</body>
</html>
RESULT: