HTML에서 테이블은 <table> 태그로 정의됩니다. 각 테이블에는 여러 행(<tr> 태그로 정의됨)이 있고, 각 행은 여러 셀(<td> 태그로 정의됨)로 나뉩니다. 문자 td는 테이블 데이터, 즉 데이터 셀의 내용을 나타냅니다.
1. 양식의 기본 내용
데이터 셀에는 텍스트, 그림, 목록, 단락, 양식, 수평선, 표 등이 포함될 수 있습니다.
HTML 테이블 태그:
먼저 간단한 예를 들어보겠습니다.
<h4>열 1개:</h4><tableborder=1><tr><td>100</td></tr></table><h4>행 1개와 열 3개:</h4><tableborder= 1>< tr><td>100</td><td>200</td><td>300</td></tr></table><h4>행 2개와 열 3개:</h4> <tableborder=1 ><tr><td>100</td><td>200</td><td>300</td></tr><tr><td>400</td><td> 500</td ><td>600</td></tr></table>
제시된 최종 결과는 다음과 같습니다.
2. 셀 병합 방법
1. 열 전체에 걸쳐 병합
<tdcolspan=2></td>와 같은 키워드 colspan은 이 열과 이 열의 다음 열을 병합하는 것을 의미합니다.
예시 1:
<tableborder=1><tr><th>헤더 1</th><th>헤더 1</th><th>헤더 1</th></tr><tr><td>텍스트 11 </td ><tdcolspan=2>텍스트 12</td></tr><tr><td>텍스트 21</td><td>텍스트 22</td><td>텍스트 23</td>< /tr> <tr><td>텍스트 31</td><td>텍스트 32</td><td>텍스트 33</td></tr></table>
제시된 결과는 다음과 같습니다.
예 2:
위 예시의 코드를 <tdcolspan=2>Text 12</td>에서 <td>Text 12</td>로 변경하면
<tableborder=1><tr><th>헤더 1</th><th>헤더 1</th><th>헤더 1</th></tr><tr><td>텍스트 11 </td ><td>텍스트 12</td></tr><tr><td>텍스트 21</td><td>텍스트 22</td><td>텍스트 23</td></tr ><tr ><td>텍스트 31</td><td>텍스트 32</td><td>텍스트 33</td></tr></table>
제시된 결과는 다음과 같습니다.
예 3:
예시 1 코드 <td>Text 11</td><tdcolspan=2>Text 12</td>가 <tdcolspan=3>Text 11</td>로 변경된 경우
<tableborder=1><tr><th>헤더 1</th><th>헤더 1</th><th>헤더 1</th></tr><tr><tdcolspan=3> 텍스트 11< /td></tr><tr><td>텍스트 21</td><td>텍스트 22</td><td>텍스트 23</td></tr><tr><td> 텍스트 31< /td><td>텍스트 32</td><td>텍스트 33</td></tr></table>
제시된 결과는 다음과 같습니다.
2. 은행 간 합병
<tdrowspan=2></td>와 같은 키워드 rowspan은 이 행과 이 행의 다음 행을 병합하는 것을 의미합니다. 이 방법은 열 간 병합과 유사하므로 간단한 예를 들어 보겠습니다.
<tableborder=1><tr><th>헤더 1</th><th>헤더 1</th><th>헤더 1</th></tr><tr><tdrowspan=2> 텍스트 11< /td><td>텍스트 12</td><td>텍스트 13</td></tr><tr><td>텍스트 22</td><td>텍스트 23</td>< /tr> <tr><td>텍스트 31</td><td>텍스트 32</td><td>텍스트 33</td></tr></table>
제시된 결과는 다음과 같습니다.
요약:
(1) 예제 1과 예제 2를 비교하면 병합 테이블 키워드(colspan 또는 rowspan)가 추가된 경우에만 테이블이 병합됩니다.
(2) 예제 1과 예제 3을 비교하면, 키워드 뒤의 숫자는 병합할 테이블의 수를 의미하는 것으로 결론을 내릴 수 있다.
(3) 병합 후 셀 위치 결정:
예를 들어, 텍스트 11, 텍스트 12, 텍스트 13의 세 열이 병합되면 병합 후 셀은 텍스트 11로 계산됩니다.
예를 들어 텍스트 12와 텍스트 13이 병합된 경우 병합 후 셀은 텍스트 12로 계산됩니다.