tables

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Fresh Fruits</title>
    <link rel="stylesheet" href="styles.css"/>
</head>
<body>
    <table>
        <thead>
            <tr><th colspan="2" id="tableHead">Fresh Fruits</th></tr>
            <tr>
                <td>It has long been know that a diet <br/> that includes at least a few <br/>
                    servings of fresh fruit every day <br/> will help keep you healthy, fit and <br/> trim.</td>
                <td>
                    <img src="fruits.jpg" alt="Picture of fruits" id="fruits"/>
                </td>
            </tr>
        </thead>
        <tbody>

        </tbody>
    </table>

    <br/>
    <br/>
    <br/>

    <table id="secondTable">
        <tr>
            <td colspan="3">Title goes here</td>
            <td>A</td>
            <td class="b">B</td>
        </tr>
        <tr>
            <td rowspan="3" class="c">C</td>
            <td>D</td>
            <td>E</td>
            <td>F</td>
            <td class="g">G</td>
        </tr>
        <tr>
            <td>H</td>
            <td colspan="2">I</td>
            <td rowspan="2" class="j">J</td>
        </tr>
        <tr>
            <td>K</td>
            <td>L</td>
            <td>M</td>
        </tr>
        <tr>
            <td class="n">N</td>
            <td colspan="4">O</td>
        </tr>
    </table>
</body>
</html>