Coding Is My Life

코딩은 인생

HTML 기초

[HTML 기초][HTML - 표 만들기 2]

산기대 컴공 2021. 1. 4. 19:53
728x90

표 만들기 - 2

표에서도 구조를 나눌 수 있다.

<thead>, <tbody>, <tfoot>으로 세분류로 나눌 수 있다.

이전 표 만들기를 구조를 나누면 다음과 같다.

<html>

  <head>
    <meta charset="utf-8">
  </head>

  <body>
    <table border="2">
      <thead>
        <tr>
          <td>이름</td>
          <td>성별</td>
          <td>주소</td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>유현석</td>
          <td>남</td>
          <td>수원</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td>김용민</td>
          <td>여</td>
          <td>시흥</td>
        </tr>
      </tfoot>
    </table>
  </body>

</html>

 

 

thead는 무조건 맨 첫번째 행

tfoot은 무조건 맨 마지막 행이라는 특징을 가지고 있다.

 

728x90