0% found this document useful (0 votes)
139 views6 pages

Webpage Creation Using HTML

The document describes how to create webpages using HTML for an Indian railways reservation system. It includes code for multiple pages - a homepage, a train details table, frames to navigate between reservation and cancellation pages, and forms to reserve and cancel tickets. Key details like train names, numbers, routes and fares are displayed in a table. Navigation links allow users to browse between pages. Forms request passenger and payment information for reserving and cancelling tickets on selected trains.

Uploaded by

Gopi Suresh
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
139 views6 pages

Webpage Creation Using HTML

The document describes how to create webpages using HTML for an Indian railways reservation system. It includes code for multiple pages - a homepage, a train details table, frames to navigate between reservation and cancellation pages, and forms to reserve and cancel tickets. Key details like train names, numbers, routes and fares are displayed in a table. Navigation links allow users to browse between pages. Forms request passenger and payment information for reserving and cancelling tickets on selected trains.

Uploaded by

Gopi Suresh
Copyright
© Attribution Non-Commercial (BY-NC)
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 6

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:

You might also like