如何不使用CSS仅用HTML实现header中logo与标题同行显示

完整实现代码 #

<body>
    <header>
        <!-- 借助HTML原生表格实现横向排列，无需CSS -->
        <table width="100%" border="0" cellpadding="12" cellspacing="0">
            <tr>
                <!-- Logo展示区 -->
                <td>
                    <img src="logo.png" alt="站点Logo" width="128" height="128">
                </td>
                <!-- 标题展示区 -->
                <td>
                    <h1>站点标题文本</h1>
                </td>
                <!-- 导航菜单区 -->
                <td align="right">
                    <nav>
                        <a href="#">首页</a>&nbsp;&nbsp;
                        <a href="#">分类</a>&nbsp;&nbsp;
                        <a href="#">资讯</a>&nbsp;&nbsp;
                        <a href="#">关于</a>
                    </nav>
                </td>
            </tr>
        </table>
    </header>
</body>

实现说明 #

• 采用HTML原生实现横向布局，无任何CSS代码引入，border属性设为0隐藏表格边框，width="100%"让头部占满页面宽度
• 各区块使用语义化标签标注：
  标识头部区块，
• 所有布局控制完全使用HTML原生属性实现：cellpadding控制区块内边距，align="right"控制导航菜单靠右对齐， 控制导航项之间的间距
• 给图片添加alt属性，符合无障碍访问要求，图片加载失败时可展示替代文本

内容的提问来源于stack exchange，提问作者Jone