최신 웹 개발 튜토리얼
 

HTML <th> Tag


이 제목 셀과 내용이 데이터 셀과 간단한 HTML 테이블 :

<table>
 <tr>
   <th>Month</th>
   <th>Savings</th>
 </tr>
 <tr>
   <td>January</td>
   <td>$100</td>
 </tr>
</table>
»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."


정의 및 사용

<th> 태그는 HTML 테이블의 헤더 셀을 정의합니다.

HTML 테이블 세포 두 종류가있다 :

  • 헤더 셀 -합니다 (로 만든 헤더 정보가 포함되어 <th> 요소)
  • 표준 셀 -합니다 (로 생성 된 데이터가 포함 <td> 요소)

의 텍스트는 <th> 요소는 대담하고 기본적으로 중심이다.

의 텍스트 <td> 요소는 일반 및 왼쪽 정렬 기본적으로 있습니다.


브라우저 지원

요소
<th>

팁과주의 사항

팁 : 사용하여 colspanrowspan 여러 열이나 행에 걸쳐 콘텐츠 범위를 수 있도록 속성을!


HTML 4.01과 HTML5의 차이점

모든 레이아웃 속성은 HTML5에서 제거됩니다.


속성

속성 기술
abbr text 헤더 셀에 내용의 축약 버전을 지정합니다
align left
right
center
justify
char
HTML5에서 지원되지 않습니다.
헤더 셀의 콘텐츠를 정렬
axis category_name HTML5에서 지원되지 않습니다.
헤더 세포 분류
bgcolor rgb(x,x,x)
#xxxxxx
colorname
HTML5에서 지원되지 않습니다.
헤더 셀의 배경 색을 지정
char character HTML5에서 지원되지 않습니다.
문자에 헤더 셀의 콘텐츠를 정렬
charoff number  HTML5에서 지원되지 않습니다.
함량은에 의해 지정된 문자의 문자의 수가 일치한다 세트 char 특성
colspan number 헤더 셀 스팬한다 열의 수를 지정
headers header_id 셀과 관련된 하나 이상의 헤더 셀을 지정
height pixels
%
HTML5에서 지원되지 않습니다.
헤더 셀의 높이를 설정
nowrap nowrap HTML5에서 지원되지 않습니다.
헤더 셀 내부의 내용이 줄 바꿈되지 않도록 지정합니다
rowspan number 헤더 셀 스팬한다 행수를 지정
scope col
colgroup
row
rowgroup
헤더 셀은 열이나 행의 열, 행 머리글 또는 그룹인지 여부를 지정합니다
sortedreversed
number
reversed number
number reversed
컬럼의 정렬 방향을 정의
valign top
middle
bottom
baseline
HTML5에서 지원되지 않습니다.
수직 헤더 셀의 콘텐츠를 정렬
width pixels
%
HTML5에서 지원되지 않습니다.
헤더 셀의 폭을 지정

글로벌 속성

<th> 태그도 지원하는 글로벌은 HTML의 속성 .


이벤트 속성

<th> 태그도 지원 이벤트는 HTML의 속성 .


그것을 자신을 시도 - 예를

테이블 헤더
테이블 헤더를 만드는 방법.

캡션 테이블
캡션을 가진 HTML 테이블.

테이블 내부 태그
다른 요소 내부 요소를 표시하는 방법.

C의 하나 이상의 행 / 열 걸쳐 ELL 학생
어떻게 둘 이상의 행 또는 1 열을 걸쳐 테이블 셀을 정의합니다.


관련 페이지

HTML 튜토리얼 : HTML 테이블

HTML DOM 참조 : TableHeader 개체

CSS 자습서 : 스타일링 테이블


기본 CSS 설정

대부분의 브라우저는 표시됩니다 <th> 다음과 같은 기본 값으로 요소를 :

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
}