HTML：图像未显示在HTML中表格的右侧

我在html页面右侧获取图像时遇到问题。我想在顶部和底部标签之间放置一个图像。目前，我已经在标签8和标签9之后插入了一些空格，只是为了显示垂直图像的位置。我想要一张图片显示在那里。我尝试了一些方法，但图像显示在另一行中，将其他行向下推

HTML代码：

 <table cellpadding="0" cellspacing="0">
     <tr>
      <td >
       <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
         <td >
          <DIV >
        <table  width="100%" cellpadding="0" cellspacing="8">                               
         <tr>
          <td>
           <table  width="100%" cellpadding="0" cellspacing="0">
            <tr>
              <td  colspan="2">Hello</td>                                             
            </tr>                                           
            <tr>
                  <td>Label 1</td>                                                     
                  <td>Label 2</td>
            </tr>
            <tr><td> &nbsp; </td></tr>
            <tr>
              <td style="padding-left:550px" colspan='2'>top</td>
            </tr>
            <tr>
              <td colspan='2'>Label 3</td>
            </tr>
            <tr>
              <td  colspan='2'>Label 4</td>
            </tr>
            <tr>
              <td colspan='2'>Label 5</td>
            </tr>
            <tr>
              <td  colspan='2'>Label 6</td>
            </tr>
            <tr>
               <td  colspan='2'>Label 7</td>
            </tr>
            <tr>
               <td  style="padding-left:25px">Label 8 &nbsp; Label 9</td>
            </tr>
                <tr><td> &nbsp; </td></tr>      
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr><td> &nbsp; </td></tr>
            <tr>
            <td  style="padding-left:550px" colspan='2'>bottom</td>
            </tr>
            <tr>
            <td  colspan='2'>footer</td>
            </tr>
        </table>
           </td>
          </tr> 
        </table>
       </DIV>
      </td>
     </tr>
    </table>
    </td>
    </tr>
    </table>

---

可以使用rowspan属性在多个列上扩展单元格。然后将您的图像放入此单元格：

我看不到屏幕截图！屏幕截图加小提琴的乐趣我怎么也不能添加任何屏幕截图，因为这是我的第一篇文章，它要求大约10个声誉。我没有：您可以在chrome中打开上面的html，看到图像应该位于上下标签之间。rowspan可以工作，但它也可以分隔行。图像跨越上下标签，左侧的行也是如此。我不想这样。在这种情况下，我可以想出两种方法：要么调整底部标签，将其放置在所需的级别，要么创建第二个具有顶部图像底部的表，然后将其放置在第一个表的右侧，就像这样[或使用浮点数]