Building value

HTML[HTML 테이블(Table)] 본문

HTML

HTML[HTML 테이블(Table)]

developer_Michael 2023. 3. 30. 18:30
반응형

HTML에서 테이블은 데이터를 표 형태로 나타내는 데에 사용됩니다. 

 

테이블은 <table> 태그를 사용하여 정의되며, <tr> 태그를 사용하여 행을, <td> 태그를 사용하여 셀을 정의합니다.

테이블의 기본적인 구조는 다음과 같습니다.

<table border='1'>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Row 1, Cell 1</td>
    <td>Row 1, Cell 2</td>
  </tr>
  <tr>
    <td>Row 2, Cell 1</td>
    <td>Row 2, Cell 2</td>
  </tr>
</table>
Header 1 Header 2
Row 1, Cell 1 Row 1, Cell 2
Row 2, Cell 1 Row 2, Cell 2

<table border='1'> : 테이블을 정의하는 태그입니다. 테이블의 경계선을 테두리로 표시하는 HTML 속성인 border의 값이 1인 속성을 적용합니다.
<tr> : 테이블의 행을 정의하는 태그입니다.
<th> : 테이블의 헤더 셀을 정의하는 태그입니다. 일반 셀보다 더 굵은 글씨로 표시됩니다.
<td> : 테이블의 일반 셀을 정의하는 태그입니다.

 

반응형

'HTML' 카테고리의 다른 글

HTML[HTML 문서의 구조화]  (0) 2023.03.30
HTML[HTML 폼(Form)]  (0) 2023.03.30
HTML[HTML 리스트(List)]  (0) 2023.03.30
HTML[HTML 요소]  (0) 2023.03.30
HTML[HTML 속성]  (0) 2023.03.30