📊 table

<table>, <tr>(table row), <td>(table data), <th>(table heading)

테이블은 항상 <table> 태그로 감싸져 있다.
 
  한 행을 시작할때 <tr>(table row)로 시작
  각각의 셀은 <tr> 태그 안에 <td>(table data) 태그 사용

<table>
    <tr>
      <td>Row 1, column 1</td>
      <td>Row 1, column 2</td>
    </tr>
    <tr>
      <td>Row 2, column 1</td>
      <td>Row 2, column 2</td>
    </tr>
  </table>

<table>
  <tr>
    <th></th>
    <th>Dog</th>
    <th>Cat</th>
  </tr>
  <tr>
    <th>종</th>   
    <td>Canine</td>
    <td>Feline</td>
  </tr>
  <tr>
    <th>짖는소리</th>
    <td>Bark</td>
    <td>Meow</td>
  </tr>
  <tr>
    <th>Immature</th>
    <td>Puppy</td>
    <td>Kitten</td>
  </tr>
</table>

<td> 대신 <th>(table heading) 사용 

css 적용할때는, <table>태그에 class 부여하고나서, style.css 가서

.border-table th, .border-table td {
  border: 1px solid black; 
}

🧶 병합

<rowspan> : 행 병합
<colspan> : 열 병합

<table class="border-table">
      <tr>
        <th></th>
        <th>내용</th>
        <th>장소</th>
      </tr>
      <tr>
        <th>1시</th>
        <td>HTML이란</td>
        <td>101호</td>
      </tr>
       <tr>
        <th>2시</th>
        <td rowspan="2">HTML실습</td>
        <td>102호</td>
      </tr>
       <tr>
        <th>3시</th>
        <td>103호</td>
      </tr>
      <tr>
        <th>4시</th>
        <td>CSS란</td>
        <td>104호</td>
      </tr>
      <tr>
        <th>5시</th>
        <td>CSS실습</td>
        <td>104호</td>
      </tr>
      <tr>
        <th>6시</th>
        <td colspan="2">수업 없습니다.</td>
      </tr>
    </table>

테이블 전체나 각각의 td th에다 클래스 줘서 css 적용 가능