You are on page 1of 22

ASSIGNMENT

WEB DESIGNING
Q1.Creat a web page for train details. As
shown in figure below:

SOLUTION:-
1.HTML CODE
<html>
<head>
<title>HTML HEAD</title>
</head>
<body>
<table width="70%" border="1" align="center"
bordercolor="blue" cellpadding="0" cellspacing="1" >
<caption> <h3>TRAIN DETAIL</h3?</caption>
<tr align="center">
<th bgcolor="blue" textcolor="white"> Origin</th>
<th bgcolor="blue">Destination</th>
</tr>
<tr align="center">
<td>DELHI -[DLI]</td>
<td>AGRA CANTT. -[AGC]</td>
</tr>
</table>
<form>
<p align="center">
Concession<select name="CONCESSION" >
<option value="None">None</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
</p>
<p align="center">
Enter Quota<select name="Enter Quota">
<option value="Genral Quota">Genral Quota</option>
<option value="Sleeper">Sleeper</option>
<option value="3A">3A</option>
<option value="2A">2A</option>
<option value="1A">1A</option>
<option value="disabled">disabled</option>
</select>
<p align="center">
Journey date<select name="date" >
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>

<select name="Month">
<option value="jan">jan</option>
<option value="feb">feb</option>
<option value="mar">mar</option>
<option value="aip">aiprl</option>
<option value="may">may</option>
<option value="jun">june</option>
<option value="jul">july</option>
<option value="aug">aug</option>
<option value="Sep">Sep</option>
<option value="Oct">Oct</option>
<option value="nov">nov</option>
<option value="dec">dec</option>
</select>
</p>
<p align="center" >
<input type="submit" value="Get Availability" style="font-
size:9pt;color:white;background-color:red;border:3px solid
#FF0000;padding:4px"/>

<input type="submit" value="Get Full Fare" style="font-


size:9pt;color:white;background-color:red;border:3px solid
#FF0000;padding:4px"/>
<input type="submit" value="Get Schedule" style="font-
size:9pt;color:white;background-color:red;border:3px solid
#FF0000;padding:4px"/>

<input type="submit" value="Get Running Status" style="font-


size:9pt;color:white;background-color:red;border:3px solid
#FF0000;padding:4px"/>
</p>
</form>
<table border="1" bordercolor="red" width="70%"
cellpadding="1" cellspacing="1" align="center">
<tr align="center">
<th bgcolor="blue">Train No.</th>
<th bgcolor="blue">Train Name</th>
<th bgcolor="blue">Origin</th>
<th bgcolor="blue">Dep. Time</th>
<th bgcolor="blue">Destination</th>
<th bgcolor="blue">Arr. Time</th>
<th bgcolor="blue" colspan="7">Days of Run</th>
<th bgcolor="blue" colspan="8">Classes</th>
</tr>
<tr align="center">
<th bgcolor="blue"></th>
<th bgcolor="blue"></th>
<th bgcolor="blue"></th>
<th bgcolor="blue"></th>
<th bgcolor="blue"></th>
<th bgcolor="blue"></th>
<th bgcolor="blue">M</th>
<th bgcolor="blue">T</th>
<th bgcolor="blue">W</th>
<th bgcolor="blue">T</th>
<th bgcolor="blue">F</th>
<th bgcolor="blue">S</th>
<th bgcolor="blue">S</th>
<th bgcolor="blue">1A</th>
<th bgcolor="blue">2A</th>
<th bgcolor="blue">FC</th>
<th bgcolor="blue">3A</th>
<th bgcolor="blue">CC</th>
<th bgcolor="blue">SL</th>
<th bgcolor="blue">2S</th>
<th bgcolor="blue">3E</th>
</tr>
<tr align="center">
<td><input type="radio" name="Train No."
value"12172">12172</td>
<td bgcolor="red"><font
color="cyan"><u>+HWLTTACSF</u><font></td>
<td bgcolor="red"><font
color="cyan"><u>+H.NIZAMUDDIN</u><font></td>
<td>00:10</td>
<td>AGRA CANTT</td>
<td>03:05</td>
<td>N</td>
<td>N</td>
<td>Y</td>
<td>N</td>
<td>N</td>
<td>Y</td>
<td>N</td>
<td><input type="radio" name="Classes" value""></td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
<tr align="center">
<td><input type="radio" name="Train No."
value"18238">18238</td>
<td bgcolor="red"><font
color="cyan"><u>+CHHATISGARH.EXP</u><font></td>
<td bgcolor="red"><font
color="cyan"><u>*H.NIZAMUDDIN</u><font></td>
<td>04:40</td>
<td>AGRA CANTT</td>
<td>08:30</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td><input type="radio" name="Classes" value""></td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td>-</td>
</tr>
<tr align="center">
<td><input type="radio" name="Train No."
value"12138">12138</td>
<td bgcolor="red"><font color="cyan"><u>+PUNJAB
MAIL</u><font></td>
<td bgcolor="red"><font color="cyan"><u>*NEW
DELHI</u><font></td>
<td>05:15</td>
<td>AGRA CANTT</td>
<td>08:50</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td><input type="radio" name="Classes" value""></td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td>-</td>
</tr>
<tr align="center">
<td><input type="radio" name="Train No."
value"12804">12804</td>
<td bgcolor="red"><font color="cyan"><u>+VSKP SWRNJ
EXP</u><font></td>
<td bgcolor="red"><font color="cyan"><u>H
NIZAMUDDIN</u><font></td>
<td>05:55</td>
<td>AGRA CANTT</td>
<td>09:10</td>
<td>N</td>
<td>N</td>
<td>Y</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>Y</td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td>-</td>
</tr>
<tr align="center">
<td><input type="radio" name="Train No."
value"12782">12782</td>
<td bgcolor="red"><font color="cyan"><u>+SWARNA
JAYANTHI</u><font></td>
<td bgcolor="red"><font color="cyan"><u>H
NIZAMUDDIN</u><font></td>
<td>05:55</td>
<td>AGRA CANTT</td>
<td>09:10</td>
<td>Y</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td>-</td>
</tr>
<tr align="center">
<td><input type="radio" name="Train No."
value"12644">12644</td>
<td bgcolor="red"><font color="cyan"><u>+SWARNA
JAYANTI</u><font></td>
<td bgcolor="red"><font color="cyan"><u>H
NIZAMUDDIN</u><font></td>
<td>05:55</td>
<td>AGRA CANTT</td>
<td>09:10</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>Y</td>
<td>N</td>
<td>N</td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td>-</td>
</tr>
<tr align="center">
<td><input type="radio" name="Train No."
value"12148">12148</td>
<td bgcolor="red"><font color="cyan"><u>+NZM KOP
EXP</u><font></td>
<td bgcolor="red"><font color="cyan"><u>H
NIZAMUDDIN</u><font></td>
<td>05:55</td>
<td>AGRA CANTT</td>
<td>09:10</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>Y</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td>-</td>
</tr>
<tr align="center">
<td><input type="radio" name="Train No."
value"12646">12646</td>
<td bgcolor="red"><font color="cyan"><u>+ERS MILLENUM
EX</u><font></td>
<td bgcolor="red"><font color="cyan"><u>H
NIZAMUDDIN</u><font></td>
<td>05:55</td>
<td>AGRA CANTT</td>
<td>09:10</td>
<td>N</td>
<td>Y</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>N</td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td>-</td>
</tr>
<tr align="center">
<td><input type="radio" name="Train No."
value"12002">12002</td>
<td bgcolor="red"><font color="cyan"><u>+BHOPAL
SHTBDI</u><font></td>
<td bgcolor="red"><font color="cyan"><u>NEW
DELHI</u><font></td>
<td>06:00</td>
<td>AGRA CANTT</td>
<td>08:05</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td>Y</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td>-</td>
<td>-</td>
<td><input type="radio" name="Classes" value""></td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</table>
</body>
</html>
2.FINAL OUTPUT:-

You might also like