table 태그

• table 태그 : 표를 만드는 태그이나 웹사이트의 구조를 잡을때도 사용한다.

<table class="table">
    <tr>
        <th>이름</th>
        <th>장소</th>
        <th>이야기</th>
    </tr>
    <tr >
        <td>길동</td>
        <td>서울</td>
        <td>귀여운 고양이를 만났어요!</td>
    </tr>
</table>

• th > 표의 제목 (기본값 : 굵은 글씨체 / 중앙 정렬)
• tr > 행 (기본값 : 보통 글씨체 / 왼쪽 정렬)
• td > 셀 (기본값 : 보통 글씨체 / 왼쪽 정렬) > 표 각각의 실제 데이터

속성

• colspan : 셀(가로줄)을 합치는 개수를 지정 (열병합)
• rowspan : 셀(세로줄)을 합치는 개수를 지정 (행병합)
• cellpadding : 셀과 경계선 사이의 여백
• cellspacing : 셀과 셀 사이의 여백
• bgcolor : 배경색 지정
• bordercoler : 경계선 색깔 지정

구조

• thead : 테이블 제목
• tbody : 테이블 내용
• tfoot : 끝에 오는 내용 📍 tfoot은 중간에 선언해도 마지막 끝인 맨 아래에 위치