무민이의 반반무많이

table 태그로 표 만들기 본문

HTML5

table 태그로 표 만들기

M00min 2016.12.07 21:37

(공감과 댓글 하나는 글쓴이에게 큰 힘이 됩니다.)


<table> 태그를 이용하여 페이지에 표를 삽입할 수 있다. border 속성을 이용하여, 테두리의 두께를 설정할 수도 있다.


우리가 만들고자 하는 표의 행과 열에 대한 속성을 하나도 지정하지 않으면, 위의 결과가 나타나게 된다. <tr> 태그를 이용하여 표의 행(줄), <th> 태그를 이용하여 행(줄)의 제목, <td> 태그를 이용하여 표의 열(칸)을 지정할 수 있다. (tr : table row, th : table header, td : table data)


<th> 태그나 <td> 태그 안에서 colspan 속성을 사용하면, 원하는 개수 만큼 열을 병합할 수 있고, rowspan 속성을 사용하면, 원하는 개수 만큼 행을 병합할 수 있다.

0 Comments
댓글쓰기 폼