HTML 기초, cellspacing, cellpadding, width, height, bgcolor 속성 (17번째)
HTML 기초, <table> 태그의 cellspacing, cellpadding, width, height, bgcolor 속성
◎ 테이블에 여백을 주는 cellspacing, cellpadding 속성
셀과 셀 사이에 여백을 주기 위해서는 <table> 태그에 'cellspacing' 속성을 사용합니다. 셀과 셀 사이에 여백을 주게 되면
테이블 전체 테두리선 즉, 테이블을 구성하는 모든 셀의 두께가 변경되는 효과를 얻을 수 있습니다.
지정한 픽셀 수만큼 테이블의 모든 셀의 테두리선 굵기가 두꺼워집니다.
예문)
<table cellspacing="픽셀 수"> </table>
테이블의 텍스트와 셀 사이에 여백을 주고싶을때는 <table> 태그에서 'cellpadding' 속성을 사용합니다.
예문)
<table cellpadding="픽셀 수"> </table>
◎ 테이블 크기 조절하는 width, height 속성
테이블의 크기를 조절하기 위해서는 'width' 속성과 'height' 속성을 사용합니다. 너비( 가로폭 )를 바꾸려면 'width' 속성에 픽셀 수 또는 비율 ( % )을 사용합니다. 비율 ( % )을 지정하면 웹 브라우저의 사이즈에 대한 비율로 정해집니다. 그리고
테이블의 높이( 세로폭 )를 조절하기 위해서는 'height' 속성을 사용하면됩니다.
예문)
<table width="픽셀 수 또는 비율 (%)"> </table>
<table height="픽셀 수 또는 비율 (%)"> </table>
◎ 테이블 배경색을 지정하는 bgcolor 속성
테이블에 색을 지정하기 위해서는 'bgcolor' 속성을 사용하면 됩니다. 'bgcolor' 속성을 사용하면 테이블 전체가 지정한 배경색이 변경됩니다.
예문)
<table bgcolor="색명 또는 RGB값"> </table>
