[HTML] Table

<table> 태그

• <tr> : 테이블 한 줄 만들기
• <th> : 테이블 헤더
• <th>가 속해있는 <tr> 태그를 <thead> 로 감싸줄것
• <td> : 테이블 데이터
• <td>가 속해있는 <tr> 태그를 <tbody> 로 감싸줄것
• <td>가 속해있는 <tr> 태그들 중 정리나 결론에 해당하는 부분을 <tfoot> 로 감싸줄것
• 형식 : <thead> - <tbody> - <tfoot>
• rowspan 속성: 가로 합치기
• colspan : 세로 합치기

 

        <table>
            <thead>
                <tr>
                    <th>ID</th>
                    <th>이름</th>
                    <th>개발분야</th>
                </tr>
            </thead>

            <tbody>
                <tr>
                    <td>00001</td>
                    <td>쿠릉쿠릉</td>
                    <td>백엔드</td>
                </tr>
                <tr>
                    <td>0002</td>
                    <td>홍길동</td>
                    <td>풀스택</td>
                </tr>
            </tbody>

            <tfoot>
                <tr>
                    <td>총 2명</td>
                    <td>2명</td>
                    <td>2명</td>
                </tr>
            </tfoot>
        </table>