본문 바로가기

CSS,HTML,JAVASCRIPT

HTML 테이블 그리는데 사용되는 태그 정리(th, tr, td)

먼저 테이블을 작성하기 위해서는 <table> </table>을 사용하여 테이블을 만든다.

그리고  <table>과 </table>사이에 태그를 넣어 세부 구성을 만든다.

 

이 때 필요한 태그들은 <th>, <tr>, <td> 태그들이다.

 

<th>

th는 'table header'의 약자로 테이블의 타이틀을 표현한다.

<th>안에 bold로 굵은 글씨를 center로 가운데 정렬을 넣어 데이터를 상세하게 표현할 수 있다.

 

<tr>

tr은 'table row'의 약자로 테이블의 행을 표현한다.

즉, <tr> </tr> 이 하나의 행인 것이다.

 

<td>

td는 'table data'의 약자로 테이블에 들어가는 데이터, 셀을 의미한다.

즉, 하나의 테이블 안에 <tr> 태그로 행을 표현하고, 그 안에 <td> 태그를 이용하여 데이터를 표현 하는 것이다.

예를 들어 테이블에 대한민국이라는 글자를 넣고 싶으면 <tr><td>대한민국</td></tr>로 표현하는 것이다.

 

 

 

 

'CSS,HTML,JAVASCRIPT' 카테고리의 다른 글

호출스택, 이벤트 루프  (0) 2024.01.24
화살표 함수 문법  (0) 2023.07.27
JavaScrpit - This  (0) 2023.07.27
display: inline과 inline-block에 대해서 알아보기  (0) 2023.01.08