HTML 테이블 및 테이블 데이터 정렬

Question

4 개의 열과 여러 개의 행이있는 테이블을 만들려고합니다. 표에 더 많은 데이터를 추가하려고하면 정보가 올바른 머리글 아래에 떨어지지 않습니다. 세 번째 표 머리글 아래에있는 정보는 첫 번째 머리글 아래의 정보 하단에 있습니다. 여기 내 코드가있다.

<table> 
<table style="width:800px"> 
<tr> 
    <th><h4>I.T. Department</h4></th> 
    <th><h4>Accounting Department</h4></th> 
    <th><h4>Tax Filings & Surplus Lines Department</h4></th> 
    <th><h4>Licensing Department<h4></th> 
</tr> 
<tr> 
<td align="center" rowspan="2"><br>Test Test<br>I.T. Manager<br>xxx-xxx-xxxx<br><br>     <br>Test Test<br>I.T. Operations Supervisor<br>xxx-xxx-xxxx</td></tr> 
<tr><td align="center" rowspan="2">Test Test<br>Accounting Supervisor<br>xxx-xxx- xxxx<br><br><br>Test Test<br>Accounting Supervisor<br>xxx-xxx-xxxx</td></tr> 



</table> 

이것은 더 많은 데이터를 추가하려고 시도한 선입니다.

<tr><td align="center" rowspan="2">Test Test<br>Accounting Supervisor<br>xxx-xxx-xxxx<br><br><br>Test Test<br>Accounting Supervisor<br>xxx-xxx-xxxx</td></tr> 

내가 뭘 잘못하고 있니?

Answer 1

찾고있는 출력이 나오나요?

<table border="1"> 
<tr> 
    <th><h4>I.T. Department</h4></th> 
    <th><h4>Accounting Department</h4></th> 
    <th><h4>Tax Filings & Surplus Lines Department</h4></th> 
    <th><h4>Licensing Department<h4></th> 
</tr> 

<tr> 

    <!-- IT --> 
    <td align="center"> 
     <br>Test Test<br>I.T. Manager<br>xxx-xxx-xxxx<br><br><br>Test Test<br>I.T. Operations Supervisor<br>xxx-xxx-xxxx 
    </td> 

    <!-- ACCOUNTING --> 
    <td align="center"> 
     Test Test<br>Accounting Supervisor<br>xxx-xxx- xxxx<br><br><br>Test Test<br>Accounting Supervisor<br>xxx-xxx-xxxx 
    </td> 

    <!-- TAX --> 
    <td align="center"> 
     Test Test<br>Accounting Supervisor<br>xxx-xxx-xxxx<br><br><br>Test Test<br>Accounting Supervisor<br>xxx-xxx-xxxx 
    </td> 

    <!-- LICENSING --> 
    <td align="center"> 
    </td> 

</tr> 

</table> 

"rowspans"및 추가 TR 태그를 제거하고 문제 해결을 위해 테두리를 추가했습니다.

행을 더 추가하려면 TR과 TD를 복사하여 붙여넣고 TD 태그의 정보를 변경하십시오. 각 <tr>가 새 행을 시작, 테이블에서

<table border="1"> 
<tr> 
    <th><h4>I.T. Department</h4></th> 
    <th><h4>Accounting Department</h4></th> 
    <th><h4>Tax Filings & Surplus Lines Department</h4></th> 
    <th><h4>Licensing Department<h4></th> 
</tr> 

<tr> 
    <!-- IT --> 
    <td align="center"> 
     Test Test<br>I.T. Manager<br>xxx-xxx-xxxx 
    </td> 

    <!-- ACCOUNTING --> 
    <td align="center"> 
     Test Test<br>Accounting Supervisor<br>xxx-xxx-xxxx 
    </td> 

    <!-- TAX --> 
    <td align="center"> 
     Test Test<br>Accounting Supervisor<br>xxx-xxx-xxxx 
    </td> 

    <!-- LICENSING --> 
    <td align="center"> 
    </td> 

</tr> 

<tr> 
    <!-- IT --> 
    <td align="center"> 
     Test Test<br>I.T. Operations Supervisor<br>xxx-xxx-xxxx 
    </td> 

    <!-- ACCOUNTING --> 
    <td align="center"> 
     Test Test<br>Accounting Supervisor<br>xxx-xxx-xxxx 
    </td> 

    <!-- TAX --> 
    <td align="center"> 
     Test Test<br>Accounting Supervisor<br>xxx-xxx-xxxx 
    </td> 

    <!-- LICENSING --> 
    <td align="center"> 
    </td> 

</tr> 

</table> 

Answer 2

및 <td>은 행 내에서 열을 지정합니다

는 더 나은 아직, 여기에 여러 행으로 데이터 분할입니다. 그래서되어야합니다 :

<tr> 
    <td align="center" rowspan="2"><br>Test Test<br>I.T. Manager<br>xxx-xxx-xxxx<br><br>     <br>Test Test<br>I.T. Operations Supervisor<br>xxx-xxx-xxxx</td> 
    <td align="center" rowspan="2">Test Test<br>Accounting Supervisor<br>xxx-xxx- xxxx<br><br><br>Test Test<br>Accounting Supervisor<br>xxx-xxx-xxxx</td> 
</tr> 

그냥 <tr>...</tr> 블록 내부에 또 다른 <td>...</td> 블록을 추가, 다른 열을 추가하려면.