Webpage Creation Using HTML
Webpage Creation Using HTML
PROGRAM:
Railway.html: <html> <head> <title> RAILWAY RESERVATION </title> </head> <body bgcolor="pink"> <marquee scrollamount="5" width="100%"> <B> <big> <font color="red" size="20"> INDIAN RAILWAYS </font></big></B> </marquee> <img src="D:\Documents and Settings\Admin\My Documents\My Pictures\railways.gif" alt="train" width="100" height="100" /> <h1> <font color="blue"><center> WELCOME TO INDAIN RAILWAYS </center></font> <h1> <A HREF="table.html"><center> Click for next page </center></A> </body> </html> Table.html: <html> <head> <title> Train Details </title> </head> <body bgcolor="pink"> <b> <h1 > <font color="blue"> <center> TRAIN DETAILS </center> </font></h1> </b> <br/> <center> <table border="2" bordercolor="blue"> <tr> <th> Train name </th> <th> Train no </th> <th> Source </th> <th> Destination </th> <th> Fare </th > </tr> <tr> <td> Nellai Express </td> <td> 6132 </td> <td> Chennai Egmore </td> <td> Tirunelveli </td>
<td> Rs 350 </td> </tr> <tr> <td> Cheran Express </td> <td> 4567 </td> <td> Chennai Egmore </td> <td> Trichy </td> <td> Rs 234 </td> </tr> <tr> <td> Kanyakumari Express </td> <td> 6165 </td> <td> Chennai Egmore </td> <td> Kanyakumari </td> <td> Rs 345 </td> </tr> <tr> <td> Nagarkoil Express </td> <td> 6121 </td> <td> Chennai Egmore </td> <td> Nagarkoil </td> <td> Rs 275 </td> </tr> <tr> <td> Anandhapuri Express </td> <td> 6185 </td> <td> Chennai Egmore </td> <td> Trivandrum </td> <td> Rs 289 </td> </tr> </table> <br/> <br/> <a href="frames.html"> <center> Click To Reserve/Cancel </center></a> </center> </body> </html> Frames.html: <html> <frameset cols="25%,*"> <frame src="frame_a.html" /> <frame name="showframe"/> </frameset> </html>
Frame_a.html: <html> <head> <title> Frames</title> </head> <body bgcolor="#laventer"> <br/> <a href="reserv.html" target="showframe"> Click To reserve </a> <br/> <br/> <a href="cancel.html" target="showframe"> Click To cancel </a> </body> </html> Reserve.html: <html> <head> <title>Reservation</title> </head> <body bgcolor="pink" > <Center> <form name="My form" > <B> <h2>Reservation Form </h2></B> <br/> Name: <input type="text" name="name" size="30" /> <br/> <br/><br/> Age : <input type="text" name="age" size="30" /> <br/> <input type="radio" name="sex" value="male" /> Male <input type="radio" name="sex" value="female" /> Female <br/> Train Name: <select name="train name"> <option>Nellai Express</option> <option>Cheran Express</option> <option>Kanyakumari Express</option> <option>Nagarkovil Express</option> <option>Anandhapuri Express</option> </select> <br/> Number Of Tickets: <input type="text" name="ticket" size="30" /> <br/> <br/> Enter the card no: <input type="text" name="cno" size="30" /> <br/> Enter the pin no : <input type="password" name="pinno" size="30" /> <br/> <input type="submit" value="Book Ticket" /> </form> </Center> </body> </html>
Cancel.html: <html> <head> <title>Cancellation</title> </head> <body bgcolor="pink" > <Center> <form name="My form" > <B> <h2> Cancellation Form </h2></B> <br/> Name: <input type="text" name="name" size="30" /> <br/> <br/><br/> Age : <input type="text" name="age" size="30" /> <br/> <input type="checkbox" name="sex" value="male" /> Male <input type="checkbox" name="sex" value="female" /> Female <br/> Train Name: <select name="train name"> <option>Nellai Express</option> <option>Cheran Express</option> <option>Kanyakumari Express</option> <option>Nagarkovil Express</option> <option>Anandhapuri Express</option> </select> <br/> Number Of Tickets: <input type="text" name="ticket" size="30" /> <br/> <br/> Enter the card no: <input type="text" name="cno" size="30" /> <br/> Enter the pin no : <input type="password" name="pinno" size="30" /> <br/> <input type="submit" value="Cancel Ticket" /> </form> </Center> </body> </html>
OUTPUT: