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

【问题标题】：HTML table coded before img src but browser showing image before table. Help fix?HTML 表格在 img src 之前编码，但浏览器在表格之前显示图像。帮忙修？
【发布时间】：2015-03-01 13:45:13
【问题描述】：

这是我发布的第一个问题。我的 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>

【问题讨论】：

标签： html

【解决方案1】：

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

【讨论】：

没问题。很容易错过。我喜欢使用有用的编辑器来帮助我通过打开和关闭标签进行匹配。我通常在大多数事情上使用 Sublime Text 3。只是语法高亮和匹配关闭标签的高亮可以帮助捕捉这些错别字。