21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA Ex.no: 1A MY BLOG DATE: QUESTION:Design a webpage using HTML with following contents: “My Blog about my Life” as title. Design the blog with menu. Give details of your day to day activities with suitable headings. AIM:To design a HTML page for the given Scenario. PROGRAM:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>EXP1</title> </head> <body> <h1>My blog about my life</h1> <h2>Menu</h2> <ul> <li><a href="linkfortoday">Today</a></li> <li><a href="linkfortoday">Yesterday</a></li> <li><a href="linkfortoday">Last Week</a></li> <li><a href="linkfortoday">Archives</a></li> </ul> <h2>Meeting with superior</h2> <p>14 Dec 2011.<br>Today I went to the university by bus.<br>I had a met with my PhD supervisor.</p> <h2>New car!!!</h2> <p>12 Dec 2011.<br>Today I bought a new car.It's a Honda Accord and it's really nice.<br>I met some friends at a pub.</p> <h2>Visit my parents</h2> <p>12 Dec 2011.<br>Tried to contact my PhD supervisor.He was out of his office.<br>I wished my parents and we had a nice dinner together.</p> <h2>Last posts</h2> <ul> <li><a href="link">Meeting with supervisor</a></li> <li><a href="link">New car!!!</a></li> <li><a href="link">Visit my parents</a></li> </ul> <p>Contact me: <a href="link">email@something.com</a></p> </body> </html> 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA OUTPUT:- RESULT:Thus the HTML code for the given scenario has been designed and the output is verified successfully. 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA Ex.no: 1B TABLE IN HTML QUESTION:Design a Seminar Schedule Table using HTML. AIM:To design a HTML page for the given Scenario. PROGRAM:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>EXP2</title> </head> <body> <h1>Seminar Schedule</h1> <div> <table border="1" cellspacing="2" cellpadding="4" > <tr> <th rowspan="3">Day</th> <th colspan="3">Seminar</th> </tr> <tr> <th colspan="2">Schedule</th> <th rowspan="2">Topic</th> </tr> <tr> <th>Begin</th> <th>End</th> </tr> <tr> <td rowspan="2">Monday</td> <td rowspan="2">8.00 a.m.</td> <td rowspan="2">5.00 p.m.</td> <td>Intoduction to XML</td> </tr> <tr> <td>Validity:DTD and Relax NO</td> </tr> <tr> <td rowspan="2">Tuesday</td> <td>8.00 a.m.</td> <td>11.00 a.m.</td> <td>XPath</td> </tr> <tr> <td>11.00 a.m.</td> 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA <td>2.00 p.m.</td> <td>XSL Transformation</td> </tr> <tr> <td>Wednesday</td> <td>2.00 p.m.</td> <td>4.00 p.m.</td> <td>XSL Formating Objects</td> </tr> </table> </div> </body> </html> OUTPUT:- RESULT:Thus the HTML code for the given scenario has been designed and the output is verified successfully. 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA Ex.no: 1C ACE CAR COMPANY QUESTION:Design a website using HTML with following contents: Header.html – the header must contain the name of the company and a logo at the left. Left Panel – the left panel should contain links to 2 pages o Home.html – should contain a brief description about the company. o Cars.html – should contain a table describing at least 5 car details o Contact.html – should contain the address, phone number, fax and email id of the company. Footer.html – the footer must contain a copyright information of the company along with the links to social media websites. AIM:To design a HTML page for the given Scenario. PROGRAM:Ace Car.html:<!DOCTYPE html> <html> <head> <title>Ace Car Company</title> </head> <frameset rows="15%, 70%, 15%"> <frame src="header.html" name="header"> <frameset cols="20%, 80%"> <frame src="left.html"> <frame src="home.html" name="frame"></frame> </frameset> <frame src="footer.html" name="footer"> </frameset> </html> Header.html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Ace</title> </head> <body> 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA <div> <center> <h1 style="font-style: italic;"><img src="logo.png" alt="company logo" height="45px" width="45px">&nbsp;&nbsp;&nbsp;&nbsp;Ace Car Company</h1></center> </body> </html> Links.html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Help</title> </head> <body> <h2 style="font-style: italic;">Help yourself</h2> <br><br><br><br> <div> <ul> <li><a href="home.html" target="frame">Home</a></li> <li><a href="cars.html" target="frame">Cars</a></li> <li><a href="contact.html" target="frame">Contact</a></li> </ul> </div> <div> </body> </html> Home.html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>home</title> </head> <body> <h1 style="font-style: italic;">About us</h1> <p style="font-size: medium;">Ace Group is in the service industry in Japan since 1932. We have over the years developed great relationships which have lasted over four generations. We have flour mills, film theatres, real estates, automobiles and hospitality business. We have started the Mitsubhishi dealership in 2009 in Manjri near Hadapsar and in the first year we bagged the regional award for the lowest cost of body repairs. We started a setup to serve our clients in PCMC in Bhosari in 2011. In 2012 we received the award for the highest number I.e 5 driving school activations in Aundh, Sinhagad Road ,Manjri, Bhosari and Fursungi where we teach our customers how to drive confidently and safely.</p> </body> </html> 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA Cars.html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cars</title> </head> <body> <h1 style="font-style:italic ;">About cars</h1> <div> <table border="3" cellpadding="7"> <tr> <th>Model</th> <th>Year</th> <th>Description</th> </tr> <tr> <td>Outlander</td> <td>2001</td> <td><p>The Mitsubishi Outlander is a compact crossover SUV manufactured by Japanese automaker Mitsubishi Motors.</p> <p>It was originally known as the Mitsubishi Airtrek when it was introduced in Japan in 2001</p></td> </tr> <tr> <td>Eclipse Cross</td> <td>2017</td> <td><p>The new Eclipse Cross features our latest safety technologies as standard. Available Automatic High Beam Headlights detect vehicles ahead of you and in oncoming lanes, and switch between high beam and low beam headlights to help reduce glare for other drivers. You responsible driver, you!</p></td> </tr> <tr> <td>RVR</td> <td>2017</td> <td><p>New for 2023 is an ASX GS entry-level model (above and below), priced from $23,990 plus on-road costs (or $25,740 drive-away for private buyers) with a five-speed manual transmission, or $26,240 plus on-road costs (or $27,990 drive-away) with a CVT automatic</p></td> </tr> <tr> <td>Pajero sport</td> <td>1997</td> <td><p>Mitsubishi is a Japanese carmaker that currently sells the Montero and the Pajero Sport in India. It started in 1998 with the introduction of the Lancer which went through a facelift and a diesel engine was also introduced.</p></td> </tr> <tr> 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA <td>Mirage</td> <td>2003</td> <td><p>Made in 2003 For Mitsubishi, the sales were not so well, and by 2020 it began part of the Renault-Nissan Alliance, and it started to share some parts. </p><p> The small-class vehicle, with its rounded edges, was a direct competitor against the Renault Clio and Nissan Micra. </p> </td> </tr> </table> </div> </body> </html> Contact.html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Contact</title> </head> <body> <table border="1" cellpadding="5" cellspacing="3"> <form action="server.file" method="post"> <tr> <td >Address</td> <td >No 1604, BMH Srinivas Complex, Trichy Rd,<br> Near ICICI Bank, Race Course,<br> Coimbatore, <br>Tamil Nadu 641018</td> </tr> <tr> <td >Phone number </td> <td >1800 102 9603</td> </tr> <tr> <td >Fax </td> <td > +91-80-465521473</td> </tr> <tr> <td >Email</td> <td >RtMJ-Inquiry_rtmj@org.mitsubishicorp.</td> </tr> </form> </table> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Footer</title> </head> <body> 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA </div> <footer> <p style="font-style:italic">Created by Ace. © 2023<br> Visit us at <a href="https://mitsubishielectric.in/">https://mitsubishielectric.in</a></p> <a href="https://mitsubishielectric.in/"></a> </footer> </div> </body> </html> Footer.html:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Footer</title> </head> <body> </div> <footer> <p style="font-style:italic">Created by Ace. © 2023<br> Visit us at <a href="https://mitsubishielectric.in/">https://mitsubishielectric.in</a></p> <a href="https://mitsubishielectric.in/"></a> </footer> </div> </body> </html> OUTPUT:- 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA RESULT:Thus the HTML code for the given scenario has been designed and the output is verified successfully. 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA Ex.no: 1D REGISTRATION FORM QUESTION:Design a Registration Form using HTML AIM:To design a HTML page for the given Scenario. PROGRAM:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Registration form</title> </head> <body> <form> <table border="2" cellspacing="4" cellpadding="7" > <tr> <td colspan="2" align="center" style="background-color: yellow; color: red; font-size:larger; font-weight: 500; border-color: red ;"><b>Registration Form</b></td> </tr> <tr> <td style="background-color:darkturquoise;">Enter Name </td> <td style="background-color:darkturquoise;"><input type="text" name="Client_name"></td> </tr> <tr> <td style="background-color:darkturquoise;">Enter Password </td> <td style="background-color: darkturquoise;"><input type="password" name="Client_add" ></td> </tr> <tr> <td style="background-color: darkturquoise;">Enter Address </td> <td style="background-color: darkturquoise;"><textarea name="addrress" rows="5" cols="21"></textarea></td> </tr> <tr> <td style="background-color:darkturquoise;" >Select Game </td> <td style="background-color:darkturquoise;"> <input type="checkbox" name="Client_email" >Hockey <br><input type="checkbox" name="Client_email" >Football <br><input type="checkbox" name="Client_email" >Badminton <br><input type="checkbox" name="Client_email" >Cricket <br><input type="checkbox" name="Client_email" >Volley ball </td> 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA </tr> <tr> <td style="background-color: darkturquoise;">Gender </td> <td style="background-color: darkturquoise;"> <input type="radio" name="Client_avail" >M <input type="radio" name="Client_avail" >G </td> </tr> <tr> <td style="background-color: darkturquoise;">Select ur age </td> <td style="background-color: darkturquoise;"> <select name="age" > <option value="">Select</option> <option value="20-30">20 - 30</option> <option value="30-40">30 - 40</option> <option value="40-50">40 - 50</option> <option value="50&above">50 & above</option> </select> </td> </tr> <tr> <td style="background-color: darkturquoise;">Select Photo </td> <td style="background-color: darkturquoise;"> <input type="file" name="Client_avail" placeholder ="Browse..."></td> </tr> <tr> <td style="background-color: darkturquoise;"colspan="2" align="center"> <input type="submit" value="Click me" style="height: 32px; width: 90px;">&nbsp;&nbsp; <input type="submit" value="Reset" style="height: 32px; width: 90px;">&nbsp;&nbsp; <input type="submit" value="Submit Form" style="height: 32px; width: 90px;"> </td> </tr> </table> </form> </body> </html> 717821P121 - HARINI SK 21PE18 – WEB APPLICATION DEVELOPMENT USING JAVA OUTPUT:- Preparation 30 Lab Performance 30 Report 40 Total 100 INITIAL OF FACULTY RESULT:Thus the HTML code for the given scenario has been designed and the output is verified successfully. 717821P121 - HARINI SK
