HTML : <table>

 table은 가로줄과 세로줄로 구성되어 있다.

<table>
<tr> : table row 가로줄
<th> : table header 설정
<td> : table data 값

그 외..
<thead> : 얘네는 head이다. (명확)
<tbody>: 얘네는 body이다. (명확)
<tfoot>: body에 대한 결론 , 총합

 

테이블을 만드는 기본원리

가로줄 table row : <tr>

 

 

table header : <th>

↓ 출력 결과 ↓

|

 <thead> :

브라우저가 인식 : 얘네가 찐으로 헤더의 역할을 하는구나

</thead>

 

 

table data : <td>
테이블 헤더 <th>에 대한 data 값

↓ 출력 결과 ↓

 

---

 

 

심화 과정 

css 적용 필요 : github.com/rohjs/bugless-101/blob/master/html-basic/16-table-1/styles.css

<td rowspan = " ">

 

 

scope = "row | col" 은 table header인 <th> 에 적용할 수 있으며, 브라우저가 가로와 세로를 명확히 인식할 수 있게끔 하는 속성이다. 눈으로 확인할 수 있는 변화는 없다.