html_tables_homework_task1.html

<!doctype html>
<html>
<head>
<title>Task1</title>
<link type="text/css" rel="stylesheet" href="task1.css"/>
</head>
<body>
   <div id="table1">
    <table>
        <thead>
            <tr>
                <th colspan = "2"> Fresh Fruits</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>It has been long know that a diet that includes
                    at least a few servings of fresh fruit every day
                    will help keep you healthy, fit and trim.
                </td>
                <td>
                    <img src="fruits.png" alt="fruits"/>
                </td>
            </tr>
        </tbody>
    </table>
  </div>
  <div id="table2">
    <table border="1">
        <tbody>
            <tr>
                <td colspan="3">Title goes here</td>
                <td>A</td>
                <td style="td {text-align:right; padding-left:0.2em;}">B</td>
            </tr>
            <tr>
                <td rowspan="3">C</td>
                <td>D</td>
                <td>E</td>
                <td>F</td>
                <td>G</td>
            </tr>
            <tr>
                <td>H</td>
                <td colspan="2">I</td>
                <td rowspan="2">J</td>
            </tr>
            <tr>
                <td>K</td>
                <td>L</td>
                <td>M</td>
            </tr>
            <tr>
                <td>N</td>
                <td colspan="4">O</td>
            </tr>
        </tbody>
    </table>
  </div>
</body>
</html>