表には、私はここにこれを行う方法についてのいくつかの他の例を見て

Question

何のヘッダを持っていませんが、それらはすべてちょうど<th> HTMLタグでcolspan="2"を使用し、2列にHTMLの表のセルを分割します。私の場合は、ヘッダーがないので、どうやってこれをやっているのか把握しようとしています。

ご意見をいただければ幸いです。ここで私は何をしようとしているの迅速、小さな例です：

<table border="1"> 
 
    <tbody> 
 
    <tr> 
 
     <td class="td-modal">Name:</td> 
 
     <td>Randon name</td> 
 
    </tr> 
 
    <tr> 
 
     <td class="td-modal">Project Name:</td> 
 
     <td>XYZ</td> 
 
    </tr> 
 
    <tr> 
 
     <td class="td-modal">Proj #:</td> 
 
     <td>12345</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

どのように私は2つの列に分割する最後のセル<td>12345</td>を得ることができるでしょうか？

Answer 1

は、これまでの2つの選択肢があります。

1.あなたは、次のように、それ自身を除いてはcolspan = 2秒ごとにTDのために追加することができます：

は

<table border="1"> 
    <tbody> 
     <tr> 
      <td class="td-modal">Name:</td> 
      <td colspan=2>Randon name</td> 
     </tr> 
     <tr> 
      <td class="td-modal">Project Name:</td> 
      <td colspan=2>XYZ</td> 
     </tr> 
     <tr> 
      <td class="td-modal">Proj #:</td> 
      <td>12345</td> 
      <td>67890</td> 
     </tr> 
    </tbody> 
</table> 

2.あなたは、次のようにTDの内側に別のテーブルを埋め込むことができます（必要は入れないようにCOLSPAN =非常に興味深いすべての第二TD）

<table border="1"> 
    <tbody> 
     <tr> 
      <td class="td-modal">Name:</td> 
      <td>Randon name</td> 
     </tr> 
     <tr> 
      <td class="td-modal">Project Name:</td> 
      <td>XYZ</td> 
     </tr> 
     <tr> 
      <td class="td-modal">Proj #:</td> 
      <td> 
       <table><tr><td>12345</td> 
       <td>67890</td></tr></table> 
      </td> 
     </tr> 
    </tbody> 
</table> 

Answer 2

あなたは、各行の第二<td>要素でcolspan=2を使用することができます。

<table border="1"> 
 
    <tbody> 
 
     <tr> 
 
      <td class="td-modal">Name:</td> 
 
      <td colspan=2>Randon name</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="td-modal">Project Name:</td> 
 
      <td colspan=2>XYZ</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="td-modal">Proj #:</td> 
 
      <td>12345</td> 
 
      <td>67890</td> 
 
     </tr> 
 
    </tbody> 
 
</table>