본문 바로가기
프로그래밍/HTML

[HTML 핵심강좌] 8. HTML 테이블 요소

by 꾸션 2023. 3. 3.

HTML 테이블 요소는 표를 만들기 위한 태그로 구성되어 있습니다. 테이블을 구성하는 요소들은 행, 열, 헤더, 데이터 셀 등이 있으며, 각 요소들은 다른 요소와 함께 사용하여 테이블을 구성합니다.

 

HTML 테이블은 <table> 요소로 시작하며, 행을 나타내는 <tr> 요소와 열을 나타내는 <td> 요소를 포함합니다. <th> 요소는 데이터 셀이 아닌 헤더 셀을 나타냅니다.

 

예시: 아래 예시는 3행 3열의 간단한 테이블을 만드는 HTML 코드입니다.

<table>
    <tr>
      <th> </th>
      <th>국어</th>
      <th>수학</th>
    </tr>
    <tr>
      <th>1학기</th>
      <td>80</td>
      <td>90</td>
    </tr>
    <tr>
      <th>2학기</th>
      <td>85</td>
      <td>95</td>
    </tr>
</table>

 

위 코드는 아래와 같이 출력됩니다.

국어 수학
1학기 80 90
2학기 85 95

 

위 예시에서 <table> 요소는 테이블 전체를 감싸며, 각 행은 <tr> 요소로 표시됩니다. 헤더 셀은 <th> 요소를 사용하여 나타내며, 데이터 셀은 <td> 요소를 사용하여 나타냅니다.

 

반응형

댓글