본문 바로가기
HTML

[HTML] 테이블(표) 만들기

by 1two13 2023. 3. 14.
728x90
반응형

알아두면 꼭 한 번 써 먹을 일이 있기 때문에 정리해봤다.

 

 

테이블 구성 요소


  • <table>: 테이블을 만드는 태그
  • <th>: 테이블의 헤더를 만드는 태그
  • <tr>: 테이블의 행을 만드는 태그
  • <td>: 테이블의 열을 만드는 태그

 

 

728x90
반응형

테이블 만드는 법


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <table border="1">
      <th>테이블</th>
      <th>만들기</th>
      <!-- 첫번째 행 -->
      <tr>
        <td>1 - 1</td>
        <td>1 - 2</td>
      </tr>
      <!-- 두번째 행 -->
      <tr>
        <td>2 - 1</td>
        <td>2 - 2</td>
      </tr>
    </table>
  </body>
</html>

결과 화면

 

한 번 익혀두면 아주 쉽게 테이블을 구현할 수 있다. 

 

 

 

 

 


질문이나 잘못된 점은 댓글로 남겨주세요 :)💖

728x90
반응형

'HTML' 카테고리의 다른 글

[JS] 현재 보이는 페이지의 width, height 구하는 방법  (0) 2023.03.06

댓글