[HTML] table태그로 표 만들기(tr td th)

 

HTML의 태그 중 표를 만들 때 사용하는 table 태그!

 

table 태그를 이용해서 깔끔한 표를 만들어보자 :>

 

See the Pen Untitled by 이정연 (@dfjxspxc-the-vuer) on CodePen.

 

 

예시에서 확인할 수 있듯이 table로 표를 만들고 그 안을 tr과 th 또는 td를 이용해 구성한다.

 

<tr></tr>안에 들어가는 th/td는 한 줄로 출력된다.

 

th는 강조 효과로 글자가 bold로 출력되기 때문에 맨 첫 줄에서 주제, 제목을 나타낼 때 주로 이용한다.

 

<table>

표 구성

<tr>

행 구성

<th>

tr 안에서 셀 구성, 강조 효과(bold)

<td>

tr 안에서 셀 구성, 강조 X

 

See the Pen Untitled by 이정연 (@dfjxspxc-the-vuer) on CodePen.

 

회원 가입 폼을 만들 때 등등, table 태그를 이용하면 간단하게 깔끔한 페이지를 만들 수 있다 😀