Question

我正在尝试用HTML项目帮助我的儿子。这只是HTML，而不是CSS。他必须按照学校课程表安排一张桌子。我似乎无法让列排成一行。

<!DOCTYPE html>
<html>
<body>
<center> Howie </center>
<p><table border="0"
cellpadding=0>
 </tr>  
  <tr>
    <th>Period</th>
    <th>Class</th>
    <th>Teacher</th>
  </tr>  
  <tr>
    <td>1</td>
    <td><a href="http://home.ecsdcards.com" target="_blank">Band</a> </td>
    <td>Sletten</td>
  </tr>
  <tr>
    <td>2</td>
    <td> Intro to IT</td>
    <td>Rogers</td>  </tr>
  </tr>
  <tr>
    <td>3</td>
    <td>Biology</td>
    <td>Braet</td>
  </tr>
  <tr>
    <td>4</td>
    <td>Study Hall</td>
    <td>Mendoza</td>
  </tr>
  <tr>
    <td>5</td>
    <td>English II</td>
    <td>Johnson</td>
  </tr>
  <tr>
    <td>6</td>
    <td>US History</td>
    <td>Peterson</td>
  </tr>
  <tr>
    <td>7</td>
    <td>Advanced Algebra </td>
    <td>Connon</td>
  </tr>
  <tr>
    <td>8</td>
    <td><a     href="http://www.earlham.k12.ia.us/Schools/High_School/Staff/Janay_Michel/michel.htm"     target="_blank">Spanish II</a> </td>
    <td>Michel</td>
</table></p>

有什么建议吗？任何帮助，将不胜感激。谢谢，人

Answer 1

对不起......但请先查看代码。您的开头是</tr>这意味着您要关闭<tr>

最后你不要关闭<tr>

第二点，为什么一张表在<p>？

里面

我认为如果你解决了这些小错误，那就没事了。成功帮助你的儿子

Answer 2

它们似乎搞砸了，因为＆lt; th＆gt; 的默认h对齐是中心，而＆lt; td＆gt; 的默认h对齐是左边。如果你用td切换你应该没事。

我也同意其他答案，你有一些HTML问题。我建议你使用专门的编辑器编写html。

Answer 3

您的HTML格式不正确。其他问题包括：

</tr>标记内部有一个需要移除的<table>标记。
包含“Rogers”的<td></td>是需要删除的额外</tr>。
您在</tr>标记之前的表格末尾缺少</table>。
您的HTML错过了结束</body>和</html>代码。

您应该使用HTML验证程序，例如this one。这有助于您将来发现这些类型的问题。

Answer 4

你的开启和关闭标签有点凌乱。另外我为头行添加了一些html对齐方式。下次使用文本突出显示编辑器时，它可以让生活更容易找到问题：

jsFiddle Example

<p><table border="0" cellpadding="6" cellspacing="0">
   <tr>
    <th align="left">Period</th>
    <th align="left">Class</th>
    <th align="left">Teacher</th>
  </tr>  
  <tr>
    <td>1</td>
    <td><a href="http://home.ecsdcards.com" target="_blank">Band</a> </td>
    <td>Sletten</td>
  </tr>
  <tr>
    <td>2</td>
    <td> Intro to IT</td>
    <td>Rogers</td> 
  </tr>
  <tr>
    <td>3</td>
    <td>Biology</td>
    <td>Braet</td>
  </tr>
  <tr>
    <td>4</td>
    <td>Study Hall</td>
    <td>Mendoza</td>
  </tr>
  <tr>
    <td>5</td>
    <td>English II</td>
    <td>Johnson</td>
  </tr>
  <tr>
    <td>6</td>
    <td>US History</td>
    <td>Peterson</td>
  </tr>
  <tr>
    <td>7</td>
    <td>Advanced Algebra </td>
    <td>Connon</td>
  </tr>
  <tr>
    <td>8</td>
    <td><a href="http://www.earlham.k12.ia.us/Schools/High_School/Staff/Janay_Michel/michel.htm" target="_blank">Spanish II</a> </td>
    <td>Michel</td>
 </tr>
</table></p>

HTML列宽/间距问题

4 个答案: