首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML表格在img src之前编码,但浏览器在表格之前显示图像。帮我修?

HTML表格在img src之前编码,但浏览器在表格之前显示图像。帮我修?
EN

Stack Overflow用户
提问于 2015-03-01 13:37:19
回答 1查看 42关注 0票数 0

这是我发布的第一个问题。我的html索引文件首先写出table标记,最后写出img src。但是,我的浏览器首先显示图像,然后显示表格。我该如何解决这个问题?代码如下:

代码语言:javascript
运行
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2015-03-01 13:45:14

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

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28790511

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档