두 열 테이블에서 두 열에 걸쳐 하나를 만드는 방법은 무엇입니까?

두 열 테이블에서 두 열에 걸쳐 하나를 만드는 방법은 무엇입니까?

---

HTML과 CSS에서 위의 예와 같은 표를 어떻게 만들 수 있습니까? 나는 다음을 시도했다 :

<table> 
  <tr> 
    <td style="width:50%">TEXT</td>
    <td style="width:50%">TEXT</td> 
  </tr>
  <tr> 
    <td style="width:100%">TEXT</td> 
  </tr>

하지만 작동하지 않습니다. 누구든지 도울 수 있습니까?

---

colspan두 번째 행에 사용해야 합니다. 이렇게 :

<table>
    <tr>
        <td style="width:50%">TEXT</td>
        <td style="width:50%">TEXT</td>
    </tr>
    <tr>
        <td colspan="2" style="width:100%">TEXT</td>
    </tr>
    ...
</table>

배우기-> HTML Colspan

---

<td>에colspan 걸쳐 야하는 열 수를 결정하는 속성 이 있습니다. 예제에 걸쳐 두 개의 열이 있으므로 정리 된 코드는 다음과 같습니다.

<table>
    <tr>
        <td width="50%"></td>
        <td width="50%"></td>
    </tr>
    <tr>
        <td width="50%"></td>
        <td width="50%"></td>
    </tr>
    <tr>
        <!-- The important part is here -->
        <td colspan="2">This will have 100% width by default</td>
    </tr>
    <tr>
        <td width="50%"></td>
        <td width="50%"></td>
    </tr>
    <tr>
        <td width="50%"></td>
        <td width="50%"></td>
    </tr>
</table>

참조 URL : https://stackoverflow.com/questions/17605976/how-to-make-one-td-span-both-columns-in-a-two-column-table