웹사이트에서 게시판 구조 만드는 방법 "<table> 태그"

웹사이트에서 게시판 구조 만드는 방법

"<table> 태그"


웹사이트를 만들게 되면 여러가지 디자인을 할 때 레이아웃을 잡아야 합니다.

과거에는 웹페이지의 전체를 표로 잡아 개발했지만 W3C에서 테이블로 레이아웃 개발을 하지말자라고 해서 지금은 보다 간편한(?) 방법으로 레이아웃을 잡고 있습니다.


웹사이트에서는 주로 게시판 구조를 만들 때 사용됩니다.


<table> 기본 구조

table 기본 구조


<table> : 표를 만들기 위해 전체적인 구조를 구성하는 태그

<tr> :  table row를 뜻하며 한 줄을 의미하는 태그

<td> : table data를 뜻하며 하나하나의 데이터를 의미하는 태그



<table> 의미론적 구조

table 의미론적 구조


<th> : 텍스트 진하게 표시

<thead> : 테이블의 제목부분으로 가장 맨 위로 지정되는 태그

<tbody> : 테이블의 본문 태그

<tfoot> : 테이블의 끝을 의미하며 가장 아래로 지정되는 태그



<table> 수직, 수평 병합

table 수직, 수평 병합


<colspan="수직방향으로 병합할 숫자">

<rowspan="수평방향으로 병합할 숫자">


이 때 수직, 수평 방향으로 숫자를 입력했으면 -1 만큼 <td> 값을 지워줘야 합니다.

이 글을 공유하기

댓글(2)

  • 2019.01.11 19:09 신고

    포럼보고 놀러왔습니다.^^
    종종들러 인사도하고 친하게지내면 좋겠네요~
    제 블로그에도 놀러와 주세요^^

Designed by JB FACTORY