[HTML] 테이블 헤더를 왼쪽으로

table 

표를 나타내는 HTML 태그 내부에 행을 나타내는 tr과 셀을 나타내는 th, td 태그 등이 사용됨

 

tr

"table row" 표 내부에서 행을 나타내는 태그

 

th 

"table header" 헤더 칸(cell)을 나타내는 태그

 

td 

"table data" 일반적인 칸(cell)을 나타내는 태그 기본 스타일: 왼쪽 정렬(text-align:left)

🎀 테이블 헤더를 왼쪽으로

<table style="width: 100%;">
  <tr>
    <th>Name:</th>
    <td>Bill Gates</td>
  </tr>
  <tr>
    <th>Telephone:</th>
    <td>555 77 854</td>
  </tr>
</table>

 

 

🎀 테이블 가로 병합하기

  <table style="width: 100%;">
    <tr>
      <th>이름</th>
      <td>깜장발</td>
    </tr>
    <tr>
      <td colspan=2>한 칸으로 병합</td>
    </tr>
  </table>

 

🎀 테이블 칸 수 늘리기

<table style="width: 100%;">
    <tr>
      <th>이름</th>
      <td>깜장발</td>
      <th>소속</th>
      <td>베어패밀리</td>
    </tr>
    <tr>
      <td colspan=4>한 칸으로 병합</td>
    </tr>
</table>