HTML - Semantic - Logo Welcome

<!DOCTYPE html>
<html>
<head>
    <title>Welcome to Our Web Site</title>
    <meta charset="utf-8" />
    <style type="text/css">
        * {font-family:sans-serif;}
        table {border: 1px solid black; border-spacing:0px;}
        td, th {text-align: center; border: 1px solid black; padding:5px 10px; }
        img {vertical-align:middle;}
    </style>
</head>
<body>
    <header>
        <h1><img src="./penguin.jpg" alt="Logo"/>Welcome to Our Web Site</h1>
    </header>
    <nav>
        <ul class="nofloat">
            <li><a href="#">Nav item 1</a></li>
            <li><a href="#">Nav item 2</a></li>
            <li><a href="#">Nav item 3</a> </li>
            <li><a href="#">Nav item 4</a> </li>
        </ul>
    </nav>
    <section>
        <table>
            <thead>
                <tr>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Score</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Doncho</td>
                    <td>Minkov</td>
                    <td>4.54</td>
                </tr>
                <tr>
                    <td>Svetlin</td>
                    <td>Nakov</td>
                    <td>4.31</td>
                </tr>
                <tr>
                    <td>Georgi</td>
                    <td>Georgiev</td>
                    <td>4.54</td>
                </tr>
            </tbody>
        </table>
    </section>
</body>
</html>