본문 바로가기
Code🦜/HTML,CSS,JS

퇴근후 공부) HTML테이블 만들기

by lie_ji 2025. 3. 13.

아침일찍 출근이라 퇴근하고 나면 몸마음이 절인 오이지마냥 생기를 잃어있다
하지만 공부를 꾸준히하는 습관을 들여서 
집오면 - 휴식 
으로 굳어버릴 지도 모르는 습관을 발전적인 방향으로 길들이고 싶다. 

기본적으로 궁금한거가 생기면 
지피티와 함께 물어보고 퀴즈도 풀고 구글링하고 유투브정보도 찾아보고 있다.
오늘은 테이블을 만들었다 

HTML언어 만드신 분이 깜찍하게도 직관적이게 만들어주셔서
쉽게 알수 있다.

<thead> 말 그대로 테이블 헤드   
<tbody> 말 그대로 테이블 몸통 (  헤드가 몸통을 감싸고 )


<thead>첫가로열 , tbody, tbody, tbody, tbody </thead>
이런식의 구조이다. 각 tbody는 무수히 tr>td*갯수 들로 이루어져있다.

        <table >
              <thead>
                <tr>
                  <th>alphabet</th>
                  <th colspan="2">colspan은 **"column span"**의 줄임말  </th>
                  <tbody>
                    <tr>
                      <td>M</td>
                      <td>column → 열 (세로 방향)</td>
                      <td>5.5</td>
                    </tr>
                    <tbody>
                      <tr>
                        <td>B</td>
                        <td>span → 뻗다, 걸쳐 있다</td>
                        <td>2.5</td>
                      </tr>
                  </tbody>
                </tr>
              </thead>
            </table>

결과물