Table
데이터를 담은 표를 만들 때 사용
th의 숫자에 맞춰서 td를 입력해줘야함
< 기본 구조 >
<table>
<thead> # 테이블 헤더 구간 명시
<tr>
<th>ID</th>
<th>Name</th>
<th>Development </th>
</tr>
</thead>
<tbody> # 테이블 바디 구간 명시
<tr>
<td>0001</td>
<td>Jin</td>
<td>HTML</td>
</tr>
<tr>
<td>0002</td>
<td>Kim</td>
<td>CSS</td>
</tr>
</tbody>
<tfoot> # 영수증의 총합 혹은 최종 결론 등을 나타낼때 사용하면 구조적으로 좀 더 명확
</tfoot>
</table>
rowspan='number' 해당 number만큼 열의 칸을 차지
colspan='number' 해당 number만큼 행의 칸을 차지
scope = 'row|col' 테이블 헤더에게만 좀 더 명시적으로 알려주는것.
나만 rowspan colspan이 헷갈리는건가.. 나는 row가 행 column이 열로 알고 있는데
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table>
<thead>
<tr>
<th></th>
<th scope='col'>Mon</th>
<th scope='col'>Tue</th>
<th scope='col'>Wed</th>
<th scope='col'>Thu</th>
<th scope='col'>Fri</th>
</tr>
</thead>
<tbody>
<tr>
<th scope='row'>1교시</th>
<td rowspan="2">왕초보 HTML & CSS</td>
<td>모각코</td>
<td rowspan="2">왕초보 HTML & CSS</td>
<td>모각코</td>
<td rowspan="2">왕초보 HTML & CSS</td>
</tr>
<tr>
<th scope='row'>2교시</th>
<td rowspan='2'>Java Script 스킬업</td>
<td rowspan='2'>Java Script 스킬업</td>
</tr>
<tr>
<th scope='row'>3교시</th>
<td>Java Script 시작반</td>
<td>Java Script 시작반</td>
<td>Java Script 시작반</td>
</tr>
<tr>
<th scope='row' colspan="6">점심시간</th>
</tr>
<tr>
<th scope='row'>4교시</th>
<td>SASS 기초반</td>
<td rowspan='2'>HTML & CSS 포폴반</td>
<td rowspan='2'>Open Seminar</td>
<td rowspan='2'>HTML & CSS 포폴반</td>
<td>SASS 기초반</td>
</tr>
<tr>
<th>5교시</th>
<td>모각코</td>
<td>모각코</td>
</tr>
</tbody>
</table>
</body>
</html>
내가 다시 볼려고 작성하는 블로그. 아직 열심히 공부중입니다 잘못된 내용이 있으면 댓글로 지적 부탁드립니다.