Record

표를 만들 때 사용되는 요소 :<tr>, <td> 본문

HTML

표를 만들 때 사용되는 요소 :<tr>, <td>

pf.styx 2024. 4. 11. 18:25

`<tr>`, `<td>`, `<th>`는 HTML에서 표를 만들 때 사용되는 요소들입니다. 각각의 역할과 차이를 살펴보겠습니다:

1. **`<tr>` (Table Row)**:
   - `<tr>`은 표(table)에서 한 줄(row)을 나타내는 요소입니다.
   - 표의 각 행을 정의합니다.
   - `<tr>` 요소 안에는 `<td>`(데이터 셀) 또는 `<th>`(헤더 셀)를 포함할 수 있습니다.
   - 일반적으로 표의 각 행은 `<tr>` 태그로 묶여 있습니다.

2. **`<td>` (Table Data)**:
   - `<td>`는 표의 데이터 셀을 나타내는 요소입니다.
   - 각 데이터 셀에 표시되는 실제 데이터가 들어갑니다.
   - 표의 각 행 안에 있으며, 데이터를 표시합니다.






cf.
<th>` (Table Header)**:
   - `<th>`는 표의 헤더 셀을 나타내는 요소입니다.
   - 표의 열 또는 행의 제목을 나타냅니다.
   - 일반적으로 첫 번째 행이나 열에 위치하여 해당 열 또는 행의 레이블을 표시합니다.
   - `<th>` 요소는 일반적인 텍스트로 표시되지만, 기본적으로 굵게 강조되거나 중앙 정렬되는 등의 스타일이 적용됩니다.
   - 화면 낭독기나 다른 보조 기술에서 표의 열과 행을 읽을 때 주요한 역할을 합니다.

간단히 말해서, `<tr>`은 표의 한 줄을 나타내고, 그 안에는 `<td>`(데이터)나 `<th>`(헤더)가 포함됩니다. `<td>`는 데이터를 담는 셀이고, `<th>`는 표의 제목이나 머리글을 나타냅니다.

'HTML' 카테고리의 다른 글

브라우저 렌더링  (0) 2024.04.20
css 선택자 활용 게임: css Diner  (4) 2024.04.12
MDN (Mozilla Developer Network) 사이트  (0) 2024.04.10