Html 单独切片图像，这是代码，我怎样才能使它具有代表性

嗨，我将图像切片并进行编码，但它的大小是固定的，我如何使其响应？不使用bootstrap，你能帮我吗？这是它的整体图像，你可以看到下面的代码，非常感谢

<table id="Table_01" width="1001" height="720" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="4">
            <img src="images/Info_01.png" width="1000" height="29" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="29" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="images/Info_02.png" width="361" height="4" alt=""></td>
        <td rowspan="3">
            <img src="images/Info_03.png" width="348" height="308" alt=""></td>
        <td rowspan="3">
            <img src="images/Info_04.png" width="291" height="308" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="4" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/Info_05.png" width="69" height="289" alt=""></td>
        <td>
            <img src="images/Info_06.png" width="292" height="289" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="289" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="images/Info_07.png" width="361" height="332" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/Info_08.png" width="348" height="317" alt=""></td>
        <td>
            <img src="images/Info_09.png" width="291" height="317" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="317" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="images/Info_10.png" width="1000" height="66" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="66" alt=""></td>
    </tr>
</table>

请制作一个最小的工作代码示例，以便我们了解工作内容。如果不使用引导，最好使用带有百分比值的表。因为你的图片被切割成特定的高度和宽度，而不是在响应性网站上找到的可调整的css值，所以仍然会很困难。