Web Technologies
Slip10
Q.1) Write HTML code to design a website for Flight Reservation [Marks 30]
Solution
flight.html
<html><body>
<table border="0" align="center" bordercolor="brown" bgcolor="pink">
<tr>
<td><img src="rose.jpg" alt="" width="32" height="32"/><b>AirIndia<b></td>
<td align="right">
<select>
<option value="India">India </option>
</select>
</td>
</tr>
<tr>
<td>
<input type="input" maxlength="100" value="Home"/>
</td>
<td>
<a href="manage.html">Manage Your Trip</a>
</td>
</tr>
<tr>
<td>
<table border="1">
<caption>Booking Information</caption>
<tr>
<td>From</td>
<td><input type="input" maxlength="100"/></td>
</tr>
<tr>
<td>To</td>
<td><input type="input" maxlength="100"/></td>
</tr>
<tr>
<td>Departure Date:</td>
<td><input type="input" maxlength="100"/></td>
</tr>
<tr>
<td>Returning Date:</td>
<td><input type="input" maxlength="100"/></td>
</tr>
<tr>
<td>Adults Children</td>
</tr>
<tr>
<td align="right">
<select>
<option value="India">1 to 9</option>
</select>
<select>
<option value="India">0 to 9</option>
</select>
<select>
<option value="India">Economy Excutive First</opton>
</select>
</td>
</tr>
<tr><td rowspan="2">
<Input type="submit" Value="Book Now"></td> </tr>
</td></tr>
</table>
</body>
</html>
manage.html
<html><body>
<table border="1" bordercolor="black" height="100%" width="100%">
<tr>
<td>
<center>
<table border="1" height="80%" width="80%">
<tr><center><h3><i>Manage your trip</i></h3></center></tr>
<tr><center><u>Fare Details for Air India</u></tr>
<br><br><br><br><br><br><br>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Economy</td>
<td>10000</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</center>
<p align="right">
<a href="">Home</a></p>
</td>
</tr>
</table>
</html>
Tags:
Web Technologies