표 제목: table 태그 시작 부분에 넣어준다
thead: th 1 th 2 th 3 th 4 th 5
tbody: th 2 td 1: rowspan=2 td 2 td 3 td 4
tbody: th 3 td 2: colspan=3
tbody: th 4 td 1 td 2 td 3 td 4
tfoot: th 5 th th th th
* 표를 설명하는 figcaption은 <figure> 태그 안에서 맨 위나 맨 밑에 붙여준다

☞ 부트스트랩의 Css를 사용하는 경우; html 기본 표 스타일과 그 모양 및 형태에서 약간씩 다릅니다 - 부트스트랩에서는 자체 규격으로 표 스타일을 재정의해서 사용하는 때문입니다.. 

        
            table, th, td{
                padding: 15px;
                border: 1px solid #000000; border-collapse: collapse;
            } th, td{ width: 120px; }
        
            thead, tfoot{ background: #eeeeee; } /* body 안의 col 색상 설정과 우선순위 비교 요! */

☞ 위 코드에서 thead나 tfoot 내부 <th scope="row/col"> .. </th> 부분은 이 th가 행의 제목(row)인지, 열의 제목(col)인지를 스크린리더기 등에 알려주는 역할을 한다!