Question

这是我发布的第一个问题。我的html索引文件首先用表标签写出，img src最后写在正文中。但是，我的浏览器首先显示图像，然后显示表格。我该如何解决？这是代码：

<DOCTYPE html>
<html lang ="en">
    <head>
        <meta charset ="utf-8">
        <title>Levi's Biography</title>
    <!-- lines 6 through 11 are simply added for developing the page to a future standard -->
        <link rel="stylesheet" type="text/css"  href="mybio.css">

        <script src="/jquery.js"></script>
        <script type="text/javascript" src="/js/jquery-1.3.1.js"></script>

    </head>

    <body>

          <table border="4px">
            <thead>
                <tr border="3px">
                    <th colspan="4"><h2>Levi Donaldson</h2></th>

            </thead>

            <tbody>             
                <tr>
                    <td>Born</td>
                    <td>Grew up</td>
                    <td>Hobbies</td>
                    <td>Foods</td>
                </tr>
                <tr>
                    <td>Moenci, AZ</td>
                    <td>Mesa, AZ
                        <br>
                    Wasilla, AK
                        <br> 
                    Eagar, AZ
                        <br> 
                    Cliff, NM
                    </td>

                    <td>Quality family time
                        <br> 
                    Traveling
                        <br> 
                    Fishing
                        <br> 
                    Cooking
                        <br> 
                    Passive income streams
                        <br> 
                    Creating things or improving their designs
                    </td>

                    <td>A great steak
                        <br> 
                    Sushi (with scallops if possible)
                        <br> 
                    Brazilian rice and beans
                        <br> 
                    Home grown fruit
                        <br> 
                    Fresh garden veggies and herbs
                        <br> Cheesecake (but for heavens sake, NO New York style)
                    </td>
                </tr>
            </tbody>

        <img src="http://1.bp.blogspot.com/_b3dSgzaqFKs/SRfDqJxbSOI/AAAAAAAAADc/iNvyqMQqzKs/S220/katie%26levi2+001.jpg"/>

    </body> 
</html>

Answer 1

您忘记使用</table>标记关闭表格。所以img正在被移动。只需在</table>之后但在img标记之前添加</tbody>标记。

HTML表格在img src之前编码，但浏览器在表格之前显示图像。帮忙解决？

1 个答案: