테이블

(1) 테이블

여러 종류의 데이터가 행과 열로 정리된 표

<table> 태그 사용

<table border=”테두리굵기(1~)” align=”정렬위치” width=”col넓이”>

<tr height=”행높이”>

<th>컬럼명<th>

<td>데이터<td>

…

<td>데이터<td>

</tr>

<tr>…</tr>

…

<table>

---

(2) 병합

1. 열병합

colspan=”몇개합칠겨?” : 좌에서 우로 합쳐지고 해당 행에만 적용

1. 행병합

rowspan=”몇줄합칠겨?” : 현재 행과 아래 행들이 합쳐짐

                                내가 맨 아래 행이면? > 치느라 수고

---

(3) 캡션

<caption> 태그를 사용하면 테이블의 상단에 짧은 설명을 붙일 수 있다.

table 하나당 한 개만 가능

---

(4) colgroup

뒤에 나오는 컬럼(td태그)에 적용할 스타일을 미리 적용할 수 있게 한다.

---

(5) thead, tboby, tfoot

행을 묶어서 스타일 지정

하나의 테이블에 하나씩 사용 가능

시각 장애인을 위한 화면 판독기 가능(웹 접근성 보장)