HTML <tr>: 표 행 요소

HTML <tr>: 표 행 요소

HTML <tr> 요소는 표의 한 열을 정의합니다. 열을 구성하는 칸으로는 <th>(헤더 칸)와 <td>(데이터 칸)를 사용할 수 있습니다.

<table>
  <caption>우리 매장 원산지 표기</caption>
  <thead>
    <tr>
      <th>종류</th>
      <th>품목</th>
      <th>원산지</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th rowspan="3">과일</th>
      <td>사과</td>
      <td rowspan="2">국산</td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td>파인애플</td>
      <td>수입산</td>
    </tr>
    <tr>
      <th>곡물</th>
      <td></td>
      <td>국산</td>
    </tr>
    <tr>
      <th>해산물</th>
      <td>고등어</td>
      <td>원양산</td>
    </tr>
  </tbody>
</table>
th,
td {
  border: 1px solid #777;
  padding: 8px;
}

th {
  background: #efefef;
  color: #333;
}

라이브 에디터 (편집 가능)

  • 불러오는 중...

    특성

    전역 특성만 포함합니다.

    명세

    HTML Standard

    브라우저 호환성

    MDN browser-compat-data
    데스크톱모바일
    iOSAndroid
    SafariChromeFirefoxSafariChromeFirefoxSamsung Internet
    tr
    align
    bgcolor
    char
    charoff
    valign

    같이 보기