HTML에서 테이블 사용법

HTML 테이블은 데이터를 행과 열로 구성된 격자형 구조로 구성하는 도구입니다. 테이블을 생성하려면 <table> 태그를 사용해야 합니다. 여기서 <thead>는 행을 나타내고 <th> td>는 각각 테이블 헤더와 테이블 본문 셀을 나타냅니다. 표는 테두리, 간격 및 너비를 설정할 수 있습니다.

HTML 테이블 사용

HTML 테이블이란 무엇인가요?

HTML 테이블은 데이터를 그리드와 같은 구조로 구성하는 데 사용되며 각 그리드를 셀이라고 합니다. 테이블은 행과 열로 구성되며 행은 가로, 열은 세로로 구성됩니다.

HTML 테이블을 만드는 방법

HTML로 테이블을 만들려면 <table> 태그를 사용해야 합니다: <table> 标签：

<code class="html"><table>
  <thead>
    <tr><th>列标题 1</th><th>列标题 2</th></tr>
  </thead>
  <tbody>
    <tr><td>单元格 1</td><td>单元格 2</td></tr>
    <tr><td>单元格 3</td><td>单元格 4</td></tr>
  </tbody>
</table></code>

• <thead> 和 <tbody> 分别表示表头和表身。
• <tr> 表示行。
• <th> 表示表头单元格。
• <td>

  <code class="html"><table border="1" cellpadding="5">
    <tr><th>姓名</th><th>年龄</th></tr>
    <tr><td>张三</td><td>20</td></tr>
    <tr><td>李四</td><td>25</td></tr>
  </table></code>

<thead> code> 및 <tbody>는 각각 테이블 헤더와 테이블 본문을 나타냅니다.

<tr>는 행을 의미합니다.

<th>는 헤더 셀을 나타냅니다.

• <td>는 테이블 본문 셀을 나타냅니다.
• 테이블 속성
• border: 테이블 테두리의 두께를 제어합니다.
• cellspacing: 셀 사이의 세로 간격을 설정합니다.

cellpadding: 셀 요소와 셀 테두리 사이의 간격을 설정합니다.

width:
• 테이블의 너비를 지정합니다.
• 테이블 헤더 및 테이블 본문

헤더(<thead>): 테이블의 제목 또는 열 레이블을 포함합니다.

테이블 본문(<tbody>):
• 테이블의 실제 데이터를 포함합니다.
• Cell Properties
• colspan: 셀이 걸쳐 있는 열 수를 지정합니다.

rowspan: 셀이 걸쳐 있는 행 수를 지정합니다.

align:

셀 내 텍스트 정렬을 지정합니다. 🎜🎜🎜🎜예🎜🎜🎜다음은 테두리와 패딩이 있는 간단한 테이블입니다. 🎜rrreee

위 내용은 HTML에서 테이블 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!