Table 태그

남자김용준·2021년 9월 1일
0

HTML

목록 보기
4/4

Table 태그

table 태그는 시간표, 달력같은 데이터를 구현할 때도 사용되며 통계자료를 출력할 때 사용한다.

table 태그는 tr, td 태그로 구성되어 있다. tr 태그는 새로운 줄을 생성하고, td 태그는 새로운 칸을 생성한다.

<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>
속성설명
alignleft,center,right테이블을 어디에 정렬할 것인지 지정
bgcolor색값테이블의 배경색 지정
background배경 그림테이블의 배경 그림 지정
border두께테이블 테두리 두께 지정
bordercolor색값테이블 테두리의 색상 지정
cellspacing간격셀과 셀의 간격 지정
cellpadding여백셀 안의 내용과 여백 지정
height크기, 비율픽셀로 입력할 때 절댓값, % 단위로 입력 시 웹브라우저 크기에 대한 상대값
width크기, 비율픽셀로 지정할 때 절댓값, % 단위로 입력시 웹브라우저 크기에 대한 상댓값

가로 셀을 합칠 땐 colspan
세로 셀을 합칠 땐 rowspan을 사용하면 된다.

profile
frontend-react

0개의 댓글