Table
<table>
<tr>
<th>테이블 헤더</th>
<td>테이블 데이터</td>
</tr>
</table>
*attribute
테이블 헤더 표시 tag
<thead></thead>
테이블 데이터 표시 tag
<tbody></tbody>
테이블에 최종 결과물 tag
<tfoot></tfoot> 예제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Table</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<!-- <table>
<tr>
<th>테이블 헤더</th>
<td>테이블 데이터</td>
</tr>
</table> -->
<!-- 테이블 헤더 표시 tag
<thead></thead>
테이블 데이터 표시 tag
<tbody></tbody>
테이블에 최종 결과불 tag
<tfoot></tfoot>
-->
<!-- 테이블 header에만 쓸수있는 속성
scope="row|col" -->
<!-- <table>
<thead>
<tr>
<th>ID</th>
<th>이름</th>
<th>개발분야</th>
</tr>
</thead>
<tbody>
<tr>
<td>0001</td>
<td>이종현</td>
<td>프론트엔드</td>
</tr>
<tr>
<td>0002</td>
<td>이재화</td>
<td>게임개발</td>
</tr>
</tbody>
</table> -->
<!-- 예제 -->
<table>
<thead>
<tr>
<th></th>
<th scope="col">월</th>
<th scope="col">화</th>
<th scope="col">수</th>
<th scope="col">목</th>
<th scope="col">금</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1교시</th>
<td class="html-css-basic" rowspan="2">왕초보 HTML & CSS</td>
<td class="coding">모각코</td>
<td class="html-css-basic" rowspan="2">왕초보 HTML&CSS</td>
<td class="coding">모각코</td>
<td class="html-css-basic" rowspan="2">왕초보 HTML&CSS</td>
</tr>
<tr>
<th scope="row">2교시</th>
<!-- <td>왕초보 HTML & CSS</td> -->
<td class="js-skillup" rowspan="2">JavScript스킬업</td>
<!-- <td>왕초보 HTML&CSS</td> -->
<td class="js-skillup" rowspan="2">JavScript스킬업</td>
<!-- <td>왕초보 HTML&CSS</td> -->
</tr>
<tr>
<th scope="row">3교시</th>
<td class="js-basic">JavaScript 시작반</td>
<!-- <td rowspan="2">JavScript스킬업</td> -->
<td class="js-basic">JavaScript 시작반</td>
<!-- <td rowspan="2">JavScript스킬업</td> -->
<td class="js-basic">JavaScript 시작반</td>
</tr>
<tr>
<th colspan="6" scope="row">점심시간</th>
</tr>
<tr>
<th scope="row">4교시</th>
<td class="sass-basic">SASS 기초반</td>
<td class="portfolio" rowspan="2">
HTML & CSS <br />
포트폴리오반
</td>
<td rowspan="2">Open Seminar</td>
<td class="portfolio" rowspan="2">
HTML & CSS <br />
포트폴리오반
</td>
<td class="sass-basic">SASS 기초반</td>
</tr>
<tr>
<th scope="row">5교시</th>
<td class="coding">모각코</td>
<!-- <td rowspan="2">HTML & CSS <br/> 포트폴리오반</td> -->
<!-- <td rowspan="2">Open Seminar</td> -->
<!-- <td rowspan="2">HTML & CSS <br/> 포트폴리오반</td> -->
<td class="coding">모각코</td>
</tr>
</tbody>
</table>
</body>
</html>
꿈 을 코딩하자