2016-04-06 16 views
0

テーブル内のusig colspanで次のhtmlコードが機能しないのはなぜですか?このプログラムにはhtmlエラーが発生します。テーブルとcolspan

<html> 
    <head> 
     <title>table</title> 
    </head> 

    <body>  
     <table height="200" width="200" border="1">  
      <tr> 
       <td colspan="9">EXAM SCHEDULE</td> 
      </tr> 

      <tr> 
       <td colspan="3">D</td> 
       <td colspan="4">T</td> 
       <td colspan="2">V</td> 
      </tr>  
     </table> 
    </body> 
</html> 

これは私がコードから得るものです:

enter image description here

+0

期待される出力は何ですか? –

+0

colspanの値は異なりますが、出力のcolspanはすべて同じです –

答えて

0

いくつかの不要なHTMLを除き、あなたのhtmlには大きな誤りはありませんが、bodyタグは、私が削除しているがありますが、あなたは可能性下のhtmlコードのように列を追加した後で違いを見ることができます:

<html> 
<head> 
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script> 
<title>table</title> 
</head> 

<body>  
<table height="200" width="200" border="1"> 

<tr> 
<td colspan="9">EXAM SCHEDULE</td> 
</tr> 

<tr> 
<td colspan="3">D</td> 
<td colspan="4">T</td> 
<td colspan="2">V</td> 
</tr> 
<tr> 
<td>t1</td> 
<td>u1</td> 
<td>g1</td> 
<td>t2</td> 
<td>u2</td> 
<td>g2</td> 
<td>u2</td> 
<td>t4</td> 
<td>u4</td> 
</tr> 
</table> 
    <script> 
    $(function(){ 
    $(document).on("click",".seat",function(){ 
     alert($(this).parent().find('.green').length); 
    }); 
}); 
    </script> 
</body> 
</html> 
1

期待される出力は何ですか?コードには構文エラーはありません。

表のセルは、複数の列または行にまたがることがあります。属性COLSPAN( "how across across")とROWSPAN( "how many down")は、セルが取り込む列または行の数を示します。

したがって、colspan = 9で指定されたEXAM SCHEDULEは9列を使用します。コードごとに合計9列あります。

関連する問題