[HTML]<table> 태그

<table>태그란

HTML에서 테이블을 만드는 태그이다.

 

문법

제일 바깥쪽에 <table></table> 태그가 들어간다. 그리고 행을만드는 <tr></tr>태그, 그 안에 열을 만드는 <td></td>태그를 사용하여 하나의 테이블을 만들어준다.

 

태그

태그	역할
<table>	테이블을 만든다
<tr>	테이블의 행을 만든다.
<td>	테이블의 열을 만든다.
<th>	<td>대신 사용가능하며 가운데정렬, 굵은글씨체 효과를 가진다.
<caption>	테이블의 이름을 표시한다.
<thead>	테이블의 헤더 영역을 지정한다.
<hbody>	테이블의 바디 영역을 지정한다.

 

 

<table>태그 예제

See the Pen MWJaBPN by BakGyoungMin (@bgm16) on CodePen.

 

<table>태그 속성

 

속성	비고
border	테이블의 테두리를 설정해준다. ex) border = "1"
bordercolor	테이블의 테두리 색상을 지정한다. ex) bordercolor = "blue"
width	테이블의 가로 크기를 설정한다. ex) width = 100px      width = 50%
height	테이블 세로 크기를 설정한다. ex) height = 100px      height = 50%
align	테이블안에 있는 값들을 정렬시킨다.
bgcolor	테이블의 배경색상을 설정할 수 있다.
colspan	가로 합병(열 합병)
rowsapn	세로 합병(행 합병)

 

<table> 사용 예제

 

See the Pen BapjOEg by BakGyoungMin (@bgm16) on CodePen.