2013-05-27 124 views
0

我试图帮助我的儿子与一个HTML项目。这只是HTML,而不是CSS。他必须用他的学校课程表安排一张桌子。我似乎无法让列排队。HTML列宽/间距问题

<!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> 

有什么建议吗?任何帮助,将不胜感激。 谢谢, Al

+1

你“允许”使用样式属性?排列如何(左/右/中)? – alexb

+1

让孩子学习HTML,man。在旁边注意,你真的想要排队?列是排队的。 http://jsfiddle.net/z6W7L/ – RaphaelDDL

+0

你是对的:),但我不认为他是一个孩子 – alexb

回答

0

您的HTML格式错误。在其他问题:

  • 有一个流浪结束</tr>标签只是内部<table>标签,它需要被删除。
  • 包含“罗杰斯”的<td></td>之后是需要删除的额外</tr>
  • 您在</table>标记之前的表格末尾缺少</tr>
  • 您的HTML缺少关闭</body></html>标签。

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

+0

感谢您的建议!对于编辑。 –

1

对不起...但请先看看代码。 你有</tr>这意味着你要关闭<tr>

而在你不月底关闭<tr>

二点开始,为什么一个表<p>里面?

我认为,如果你修复这些小故障..它会没事的。 更迭与帮助你的儿子

+0

还有更多的问题,建议你测试... –

0

他们似乎搞砸了,因为<日>默认^ h对准中心和< TD>留下。如果你用td切换th,你应该没问题。

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

+0

谢谢,我们使用http:// www.w3schools.com/ –

0

你的开启和关闭标签有点凌乱。 加我为头行添加了一些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> 
+0

谢谢!我欣赏代码! –