Html表格显示问题如何解决


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <table width="99%" align="center" bgcolor="#ffffff" border="1px">
            
            <tr height="40px">
                <td>
                    <table width="100%">
                        <tr><td width="20%"></td>
                        <td width="60%" align="center" style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;color:green">Welcome to PDC!</td>
                        <td align="center"><img src="Image/PDC.png" height="38px"></td >
                        </tr>
                    </table>
                </td>
            </tr>
            
            
            <tr height="200px">
                <td colspan="5">
                    <table width="100%" border="1px">
                        <tr>
                            
                            
                            <td width="25%">
                                <table>
                                    <tr><td colspan="2"><a href="intr.html" target="iframe1">公司介绍</a></td></tr>
                                    <tr><td colspan="2"><a href="product.html" target="iframe2">产品结构</a></td></tr>
                                    <tr><td colspan="2"><a href="GAP.html"target="iframe3">公司人事</a></td></tr>
                                    <tr><td colspan="2"><a href="Cproduct.html"target="iframe4">打折产品</a></td></tr>
                                    <tr><td colspan="2"><a href="POTC.html"target="iframe5">公司文化</a></td></tr>
                                    <tr><td colspan="2"><a href="FH.html"target="iframe6">未来展望</a></td></tr>
                                </table>
                            </td>
                            
                            <td width="45%">
                                <table>
                                    <td rowspan="6">
                                <iframe name="iframe1" src="" width="100%" height="100%" border="none"></iframe>
                                <iframe name="iframe2" src="" width="100%" height="100%" border="none"></iframe>            
                                <iframe name="iframe3" src="" width="100%" height="100%" border="none"></iframe>                                                        
                                <iframe name="iframe4" src="" width="100%" height="100%" border="none"></iframe>                                                    
                                <iframe name="iframe5" src="" width="100%" height="100%" border="none"></iframe>
                                <iframe name="iframe6" src="" width="100%" height="100%" border="none"></iframe>
                                    </td>
                                </table>
                            </td>
                            <td width="30%">
                                
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            
            
            
            
            <tr height="30px">
                <td align="center">BASE/ALL</td>
            </tr>
        </table>
    </body>
</html>

img

运行结果是这样的，怎么达到点左边的公司简介，中间一大块就只显示公司简介的文本，右边显示公司简介的图片的，而不是像上图那个6行，而是像下图这种效果。

img

我没有完全理解你的意思，你可能想要这种效果。。因为没有图片，所以给个思路给你，你看看吧。。可能有点丑


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <table width="99%" align="center" bgcolor="#ffffff" border="1px">
            
            <tr height="40px">
                <td>
                    <table width="100%">
                        <tr><td width="20%"></td>
                        <td width="60%" align="center" style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;color:green">Welcome to PDC!</td>
                        <td align="center"><img src="Image/PDC.png" height="38px"></td >
                        </tr>
                    </table>
                </td>
            </tr>
            
            
            <tr height="200px">
                <td colspan="5">
                    <table width="100%" border="1px">
                        <tr>
                            
                            
                            <td width="25%">
                                <table>
                                    <tr><td colspan="2"><a href="intr.html" target="iframe1">公司介绍</a></td></tr>
                                    <tr><td colspan="2"><a href="product.html" target="iframe1">产品结构</a></td></tr>
                                    <tr><td colspan="2"><a href="GAP.html"target="iframe1">公司人事</a></td></tr>
                                    <tr><td colspan="2"><a href="Cproduct.html"target="iframe1">打折产品</a></td></tr>
                                    <tr><td colspan="2"><a href="POTC.html"target="iframe1">公司文化</a></td></tr>
                                    <tr><td colspan="2"><a href="FH.html"target="iframe1">未来展望</a></td></tr>
                                </table>
                            </td>
                            
                            <td width="45%">
                                <table>
                                    <td rowspan="6">
                                        <iframe name="iframe1" src="" width="100%" height="100%" border="none"></iframe>
                                    </td>
                                </table>
                            </td>
                            <td width="30%">

                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            
            
            
            
            <tr height="30px">
                <td align="center">BASE/ALL</td>
            </tr>
        </table>
    </body>
</html>