예
이 제목 셀과 내용이 데이터 셀과 간단한 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> | 예 | 예 | 예 | 예 | 예 |
팁과주의 사항
팁 : 사용하여 colspan 과 rowspan 여러 열이나 행에 걸쳐 콘텐츠 범위를 수 있도록 속성을!
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 | 헤더 셀은 열이나 행의 열, 행 머리글 또는 그룹인지 여부를 지정합니다 |
sorted | reversed 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;
}