가장 중요한 테이블 (제생각^^;;) table, tr, td

테이블 태그는 엄청나게 중요합니다. 이 태그를 안쓰고 홈페이지를 만든다면…
때리쳐.-_-; 또한 html중에서 배울때 가장 애먹는 놈입니다. 빳싹 긴장하고 보시죠~

<table> 속성 .
align : 표 정렬 ( left / center / right )
bgcolor : 표 바탕 색 지정
border : 표 경계선의 굵기 ( 픽셀 단위 )
bordercolor : 표 경계선의 색 지정
width : 표 가로의 폭 길이
height : 표 세로의 폭 길이
cellpadding : 셀 내부의 여백 지정
cellspacing : 셀의 구분선 굵기 지정
<tr> <td> 속성.
align : 셀 내부의 가로 정렬 ( left / center / right )
valign : 셀 내부의 세로 정렬 ( top / middle / bottom )
bgcolor : 셀 바탕 색 지정
background : 셀 배경 이미지
width : 셀의 가로 너비
height : 셀의 세로 너비
colspan : 셀이 펼쳐져 있는 열의 수
rowspan : 셀이 걸쳐져 있는 행의 수

표가 어떻게 생성 되는지 설명해 드리겠습니다. 우선 <table> 이라는 태그로 시작을 합니다.
그리고 <tr> 이라는 태그로 하나의 행을 만듭니다. 편하게 가로로 줄을 그린다고 생각 하시면 좋습니다.
그 다음 <td> 라는 태그로 칸을 만드는 거지요. <tr> 태그 안에 <td> 태그가 10개 들어 가면 가로로 칸이 10개가 있는 테이블이 만들어 집니다. 당연히 태그가 시작하면 닫아 주는 태그도 써주셔야지요.
<table> 안에 bgcolor를 설정 하는 것과 <td> 안에 설정 하는 것이 다르다는 것을 느끼세요. <table> 안에 설정하면 table 전체가 <td> 안은 그 해당 되는 셀 안쪽만 색이 입혀 집니다.
colspan 은 가로로 있는 셀과 합쳐 지는 것입니다. 만약 테이블이 한 행으로만 이루어져 있다면 합쳐질 수가 없겠지요? rowspan 도 같습니다. rowspan 은 세로로 있는 셀과 합쳐 지는 것입니다.
이해가 안돼는 분이 여기서 많이 나올꺼라고 예상합니다. colspan 하고 rowspan 이 뭘 어떻게 작용하는지 처음에는 잘 이해가 안돼는데요. 여러번 직접 코딩하시고 보시면 빨리 이해 하실꺼라 믿습니다.

답글 남기기

이메일은 공개되지 않습니다.