Html 将两张桌子对齐,一张放错位置

Html 将两张桌子对齐,一张放错位置,html,css,Html,Css,我试着看了一些网页,但它们似乎都没有解决我遇到的具体问题。我试着制作一个网页,我试着使一个表格与网页的左侧对齐,而其余的在中间对齐。但是,居中对齐的项目被推到左侧对齐表格所在的右侧。如何在不与页面左侧对齐的内容相交的情况下对齐中间的内容? 这是我的密码 `<!doctype html> <title> Webpage.</title> <body> <body background="Data/Back.jpg"> <ta

我试着看了一些网页,但它们似乎都没有解决我遇到的具体问题。我试着制作一个网页,我试着使一个表格与网页的左侧对齐,而其余的在中间对齐。但是,居中对齐的项目被推到左侧对齐表格所在的右侧。如何在不与页面左侧对齐的内容相交的情况下对齐中间的内容? 这是我的密码

`<!doctype html>
<title> Webpage.</title>
<body>
<body background="Data/Back.jpg">
    <table style="float: left" bgcolor="#9999FF" border="solid">
    <tr>
    <th><ul><h1>Directory.</h1></ul></th></tr>
    <br>
    <tr><td><li><a href="subpages/skills.html">Skills.</li></td></tr>
    <tr><td><li><a href="subpages/experience.html">Experience.</li></td>
    </tr>
    <tr><td><li><a href="subpages/References">References.</li></td></tr>
    <tr><td><li><a href="subpages/ContactInfo.html">Contact Info.</li>
    </td></tr>
    <tr><td><li><a href="subpages/Resume.html">Resume.</li></td></tr>
    </table>
<center>
    <table bgcolor="CCCCCC" border="3px solid black">
    <tr>
    <th><h1><b><u>Name/Header.</u></b></h1></th>
    </tr>
    </table>
    <img src="Data/Me.jpg" width="25%">
    <table bgcolor="#819FF7" width="50%" border="solid">
        <tr>
        <th>About me.</th>
        </tr>
        <tr>
        <td>Subject
        </td>
        </tr>
    </center>
<style type="text/css">
    h1{
        color: #0404B4
    }
    th{
        color: #61380B
}
td{
        color: #8A0829
    }
</style>
</body>`
`
网页。
目录。

  • 技能
  • 经验
  • 参考资料
  • 联系方式
  • 恢复
  • 名称/标题。 关于我。 主题 h1{ 颜色:#0404B4 } th{ 颜色:#61380B } 运输署{ 颜色:#8A0829 } `
    只需从第一个表中删除
    float:left
    。浮动一个元素意味着当该元素小于父元素宽度的100%时,其他元素将尝试占据任何剩余宽度。或者,clear随后使用
    clear:both
    浮动

    下面是一个示例,格式清晰,删除了
    float:left

    h1{
    颜色:#0404B4;
    }
    th{
    颜色:#61380B;
    }
    运输署{
    颜色:#8A0829;
    }
    
    目录
    
    名称/标题。 关于我。 主题
    非常感谢您!这是我制作的第一个网页,因为我今天刚开始使用HTML。o、 o你的代码比我的代码漂亮多了。感谢您在帮助我解决问题的同时,向我展示了如何使我的产品更实用、更优雅。没问题!一旦您确认此解决方案解决了您的问题,请不要忘记通过单击投票按钮下方的灰色复选框将此解决方案标记为正确,这会将其从“未回答问题”队列中删除,并为提问者和回答问题者授予声誉。当然,这么说,你没有义务把我的答案(或任何其他答案)标记为正确,尽管这确实有助于保持事情顺利进行:)