HTML_CSS_002_TAG_table_tr_th_td

AMJ·2023년 4월 4일
0

html_css_js_log

목록 보기
2/59

1. table

  • 표를 나타내는 HTML 태그

2. th → table header

  • 기본 스타일: 중앙 정렬(text-align:center), 두껍게(font-weight:bold)

3. tr → table row

  • 표 내부에서 행을 나타내는 태그

4. td → table data

  • 기본 스타일: 왼쪽 정렬(text-align:left)
<table border="2">
<!-- thead와 tbody로 나누어 작성 -->
  <thead>
    <tr>
      <th>index</th>
      <th>타이틀_1</th>
    </tr>
   </thead>
<!-- thead와 tbody로 나누어 작성 -->
   <tbody>
      <tr>
        <td>1</td>
        <td>part_1</td>
      </tr>
      <tr>
        <td>2</td>
        <td>part_2</td>
      </tr>
      <tr>
        <td>3</td>
        <td>part_3</td>
      </tr>
   </tbody>
 </table>


table 외/내곽선 조절

table {
  border-collapse: collapse;
}

profile
재미있는 것들

0개의 댓글