InterviewSolution
Saved Bookmarks
InterviewSolution
| 1. |
Write the HTML code to generate a Web Page in the format given below: Consider the following while writing the HTML code:Title of the page should be “Handmade Cards”.Background colour should be “Pink”.Text style of the main heading should be “Arial Bold” and color should be red.Image used is “cards.jpg”.Table in the center of the webpage and should have a 3 pixel thick border of color green and the spacing between cell content and border is 10 pixels.Use the concept of nested lists for creating the specified lists.The bottom image (link.jpg) and the text “Personalize The Card” are links to another page “person.html”. |
|
Answer» <html> <head> <title> Handmade Cards </title> </head> <body bgcolor="pink"> <center> <font face="Arial Bold" size="5" color ="Red"> <b>HANDMADE CARDS</b> </font> <br> <font size=3>Handmade cards offers custom made cards as per your requirements for everyone </font><BR> <img src ="cards.jpg" border ="3" height=175 width=175> </center> <font face = "Arial Bold" size=4 color="Red"> Categories of Cards Offered</font> <font size=3> <ol type = 1> <li> General Cards </li> <ul type="square"> <li> Thinking of You </li> <li> Missing You </li> <li> Friends Forever </li> </ul> <li> Specific Cards </li> <ul type ="circle"> <li> Happy Birthday </li> <li> Happy Diwali </li> <li> Happy Anniversary </li> </ul> </ol> <i><center>You can also order flowers through our site</center></i> <table width =20% align = center border = 3 bordercolor = green cellpadding = 10 cellspacing = 2> <caption> <b>PRICE LIST</b> </caption> <tr> <th> Bouquet Type </th> <th> Price </th> </tr> <tr> <td> Flower Galore </td> <td> Rs. 200 </td> </tr> <tr> <td> Flower Shower </td> <td> Rs. 300 </td> </tr> <tr> <td> Flower Power </td> <td> Rs. 400 </td> </tr> </table> <br> <center> <a href ="person.html"> <img src = "link.jpg" border = 2 height=50 width=50> <br> Personalize The Card </a> </center> </font> </body> </html> |
|