테이블
- 테이블을 만드는 태그는 <table></table> 이다.
- 테이블의 태그는 표를 만드는 기능을 가짐으로 행, 열을 서로 설정하는 명령어가 있다. → <tr></tr> : 표의 한 행, <th></th> : 표의 제목, <td></td> : 표의 데이터
- 테이블은 셀의 수평, 수직을 병합 하는 것이 가능하다. → colspan : 셀 수평, rowspan : 셀 수직
- 테이블은 “block”의 속성을 가진다.
테이블 코드
- 테이블 기본 생성 코드
<table border="1"> <tr> <th>셀 1</th> <th>셀 2</th> </tr> <tr> <td>셀 3</td> <td>셀 4</td> </tr> <tr> <td>셀 5</td> <td>셀 6</td> </tr> </table>
출력 결과
- 셀 수평 병합
<table border="1"> <tr> <th colspan="2">셀 1+2</th> </tr> <tr> <td>셀 3</td> <td>셀 4</td> </tr> <tr> <td>셀5</td> <td>셀6</td> </tr> </table>
출력 결과
- 셀 수직 병합
<table border="1"> <tr> <th>셀 1</th> <th>셀 2</th> </tr> <tr> <td rowspan="2">셀 3+5</td> <td>셀 4</td> </tr> <tr> <td>셀 6</td> </tr> </table>
출력 결과
Share article