✏️표
표는 행과 열로 이루어진 구조로, 행과 열이 만나는 셀(cell)이 콘텐츠를 나타내는 최소 단위
표를 구성하는 태그
<table>: 하나의 표
<tr>: 하나의 행
<th>: 행 안에서 제목에 해당하는 셀
<td>: 행 안에서 내용에 해당하는 셀
예시 코드 실행 결과
✏️표의 추가 속성
- border : 테이블 테두리 두께 지정
<table border=:"숫자">
예시 코드 실행 결과
✏️표에 자막 추가
- caption : table 태그 안 쪽에서 제목 또는 표에 대한 설명 역할
기본적으로 가운데 정렬<caption>설명 영역</caption>
예시 코드 실행 결과
✏️표의 구조 표현
여러 개의 셀을 그룹으로 묶어서 관리(컨테이너 역할)
코드 상에서 표의 구조를 명확하게 해서 코드 유지보수를 용이하게 함
<thead>: 표의 제목이나 주제
<tbody>: 표의 본문
<tfoot>: 표의 요약글이나 맺음말
안녕하세요☺️