对齐表格下的文本段落（链接字符串）

Question

我有一张表格和一行附加到图片的链接。我无法在表格下获得这些链接。无论我做什么，它都停留在它之上。

我的代码可能看起来很庞大或只是错误的。

<table style="margin-top:10px; margin-left:165px" border="1" cellpadding="15" cellspacing="5">
<tbody><tr>
<tr style="background-color:#FF0000;color:#ffffff;">
<td><div><iframe src="https://www.youtube.com/embed/2NaNp7nmYMg?ecver=2" width="481" height="274" frameborder="0" allowfullscreen></iframe></div> </td>
<td><div><iframe src="https://www.youtube.com/embed/_z5rqY8tAYQ?ecver=2" width="481" height="274" frameborder="0" allowfullscreen></iframe></div> </td>
<td><div><iframe src="https://www.youtube.com/embed/dheMabIam7c?ecver=2" width="481" height="274" frameborder="0" allowfullscreen></iframe></div> </td>
</tr>

<p style="padding-left: 750px; padding-top: 50px"
<a href="https://twitter.com/ShadowKiller158" target="_blank"></a>
<a href="https://youtube.com/user/shadowman158" target="_blank"><img src="youtube.png" alt="YouTube" width="75" border="0" height="75"></a>
<a href="https://twitter.com/ShadowKiller158" target="_blank"><img src="twitter.png" alt="Twitter" width="75" border="0" height="75"></a>
<a href="https://www.facebook.com/alexander.schewior" target="_blank"><img src="facebook.png" alt="Facebook" width="75" border="0" height="75"></a>
<a href="http://steamcommunity.com/id/ShadowManTM/" target="_blank"><img src="steam.png" alt="Steam" width="75" border="0" height="75"></a>
<a href="https://www.instagram.com/shadowmantm/" target="_blank"><img src="instagram.png" alt="Instagram" width="75" border="0" height="75"></a>
</p>

Answer 1

您尚未关闭 table 或 tbody 标记。你也没有关闭你的开始 P 标签。

所以你的代码应该是：

<table style="margin-top:10px; margin-left:165px" border="1" cellpadding="15" cellspacing="5">
<tbody>
<tr style="background-color:#FF0000;color:#ffffff;">
<td><div><iframe src="https://www.youtube.com/embed/2NaNp7nmYMg?ecver=2" width="481" height="274" frameborder="0" allowfullscreen></iframe></div> </td>
<td><div><iframe src="https://www.youtube.com/embed/_z5rqY8tAYQ?ecver=2" width="481" height="274" frameborder="0" allowfullscreen></iframe></div> </td>
<td><div><iframe src="https://www.youtube.com/embed/dheMabIam7c?ecver=2" width="481" height="274" frameborder="0" allowfullscreen></iframe></div> </td>
</tr>
</tbody>
</table>

<p style="padding-left: 750px; padding-top: 50px">
<a href="https://twitter.com/ShadowKiller158" target="_blank"></a>
<a href="https://youtube.com/user/shadowman158" target="_blank"><img src="youtube.png" alt="YouTube" width="75" border="0" height="75"></a>
<a href="https://twitter.com/ShadowKiller158" target="_blank"><img src="twitter.png" alt="Twitter" width="75" border="0" height="75"></a>
<a href="https://www.facebook.com/alexander.schewior" target="_blank"><img src="facebook.png" alt="Facebook" width="75" border="0" height="75"></a>
<a href="http://steamcommunity.com/id/ShadowManTM/" target="_blank"><img src="steam.png" alt="Steam" width="75" border="0" height="75"></a>
<a href="https://www.instagram.com/shadowmantm/" target="_blank"><img src="instagram.png" alt="Instagram" width="75" border="0" height="75"></a>
</p>

这是一个关于打开和关闭 HTML 标签的有用教程： http://www.easyhtmlcode.com/lesson1.html

Answer 2

抱歉，我只是忘了关闭 tbody 和 table 标签。感谢 Pete 向我指出这一点！

Answer 3

您需要小心打开和关闭 HTML 标签，因为某些浏览器会自动处理未关闭的标签，并且不会让您知道存在不匹配。

每个成对的标签都应该在正确的位置关闭！否则会给你带来麻烦！

<table style="margin-top:10px; margin-left:165px" border="1" cellpadding="15" cellspacing="5">
<tbody><tr>
<tr style="background-color:#FF0000;color:#ffffff;">
<td><div><iframe src="https://www.youtube.com/embed/2NaNp7nmYMg?ecver=2" width="481" height="274" frameborder="0" allowfullscreen></iframe></div> </td>
<td><div><iframe src="https://www.youtube.com/embed/_z5rqY8tAYQ?ecver=2" width="481" height="274" frameborder="0" allowfullscreen></iframe></div> </td>
<td><div><iframe src="https://www.youtube.com/embed/dheMabIam7c?ecver=2" width="481" height="274" frameborder="0" allowfullscreen></iframe></div> </td>
</tr>
</tbody>
</table>

<p style="padding-left: 750px; padding-top: 50px">
<a href="https://twitter.com/ShadowKiller158" target="_blank"></a>
<a href="https://youtube.com/user/shadowman158" target="_blank"><img src="youtube.png" alt="YouTube" width="75" border="0" height="75"></a>
<a href="https://twitter.com/ShadowKiller158" target="_blank"><img src="twitter.png" alt="Twitter" width="75" border="0" height="75"></a>
<a href="https://www.facebook.com/alexander.schewior" target="_blank"><img src="facebook.png" alt="Facebook" width="75" border="0" height="75"></a>
<a href="http://steamcommunity.com/id/ShadowManTM/" target="_blank"><img src="steam.png" alt="Steam" width="75" border="0" height="75"></a>
<a href="https://www.instagram.com/shadowmantm/" target="_blank"><img src="instagram.png" alt="Instagram" width="75" border="0" height="75"></a>
</p>

祝你好运，享受学习 HTML