HTML로 테이블 헤더를 만드는 방법은 무엇입니까?-HTML 튜토리얼-php.cn

HTML로 테이블 헤더를 만드는 방법은 무엇입니까?

WBOY

풀어 주다： 2023-09-07 18:29:04

앞으로

1489명이 탐색했습니다.

HTML로 테이블 헤더를 만드는 방법은 무엇입니까?

HTML에서 태그를 사용하여 테이블 헤더를 만듭니다. HTML의 태그는 테이블에 헤더를 추가하는 데 사용됩니다. Thead 태그는 tbody 태그, tfoot 태그와 함께 테이블의 각 부분(머리글, 바닥글, 테이블 본문)을 식별하는 데 사용됩니다.

HTML의 태그는 다음과 같은 추가 속성도 지원합니다.

속성	값	설명
align	오른쪽 왼쪽 가운데 justify char	DEPRECATED− 시각적 정렬.
char	character	DEPRECATED− 텍스트를 정렬할 문자를 지정합니다. align = "char"일 때 사용됩니다.
charoff	pixels 또는 %	Deprecated− char 속성에 의해 지정된 첫 번째 문자로부터 정렬 오프셋(픽셀 또는 백분율 값)을 지정합니다. align = "char"일 때 사용됩니다.
valign	top middle bottom baseline	DEPRECATED− 수직 정렬.

예

다음 코드를 실행하여 HTML에서 태그를 구현하는 방법을 알아볼 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML thead Tag</title>
   </head>
   <body>
      <table style = "width:100%" border = "1">
         <thead>
            <tr>
               <td colspan = "4">This is the head of the table</td>
            </tr>
         </thead>
         <tfoot>
            <tr>
               <td colspan = "4">This is the foot of the table</td>
            </tr>
         </tfoot>
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
            ...more rows here containing four cells...
            </tr>
         </tbody>
     
         <tbody>
            <tr>
               <td>Cell 1</td>
               <td>Cell 2</td>
               <td>Cell 3</td>
               <td>Cell 4</td>
            </tr>
            <tr>
            ...more rows here containing four cells...
            </tr>
         </tbody>
      </table>
   </body>
</html>

로그인 후 복사

위 내용은 HTML로 테이블 헤더를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!