I am trying to learn by doing. Here is the first problem that I have solved. I have actually not done it perfectly. The table header should cover both the text and the image but it is only above text. If you can help me out with the design I will be thankful.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table> <th ><h3>Food you love to eat</h3></th> <tr> <td>I love eating food . All types of food are good for health. I like fruits in them. Fruits are good for health.</td> <td width="170"> <img src ="http://www.htmliseasy.com/exercises/fruitbowl.gif" /> </td> </tr> </table> </body> </html>