HTML 참조 설명서

HTML 태그大全

HTML: <th> 태그

HTML <th> 태그는 제목 셀을 정의하며, 이 제목 셀은 HTML 테이블의 첫 번째 행에 나타날 수 있습니다. 브라우저는 <th> 태그에서 찾은 텍스트를 굵게, 가운데 정렬된 텍스트로 표시합니다. 이 태그는 일반적으로 <th> 요소라고도 합니다.

온라인 예제

　HTML 테이블, 두 개의 헤더 셀과 두 개의 데이터 셀을 포함합니다：

예제

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML　th标签的使用(기본 튜토리얼 웹 oldtoolbag.com)</title>
</head>
<body>
<table　border="1">
　　<tr>
　　　　<th>Column　1　Heading</th>
　　　　<th>Column　2　Heading</th>
　　　　<th>Column　3　Heading</th>
　　</tr>
　　<tr>
　　　　<td>Data　in　Column　1, Row　2</td>
　　　　<td>Data　in　Column　2, Row　2</td>
　　　　<td>Data　in　Column　3, Row　2</td>
　　</tr>
</table>
</body>
</html>

테스트를 보고 보세요 ‹/›

이 HTML5문서 예제에서는 <table> 태그로 테이블을 생성했습니다. 이 테이블은3열과2행.1행은3개는 <th> 태그로 정의된 표 헤더 셀을 포함합니다. 이 테이블의2행은 <td> 태그로 정의됩니다.

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 <th> 태그를 지원합니다.

정의 및 사용 설명

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

HTML 테이블은 두 가지 셀 유형이 있습니다：

헤더 셀 - 헤더 정보를 포함합니다（<th> 요소로 생성）
표준 셀 - 데이터를 포함합니다（ <td> 요소 생성)

<th> 요소 내의 텍스트는 일반적으로 중앙 정렬된 강조 텍스트로 표시됩니다.

<td> 요소 내의 텍스트는 일반적인 왼쪽 정렬 텍스트입니다.

<th> 표시는 제목 셀입니다.它可以出现在HTML表的第一行中。可以在<thead> 표시 내에서 <th> 표시를 정의할 수 있습니다. 이는 브라우저에 몇 가지 장점이 있지만 선택 사항입니다。

주의사항 및 유의사항

주의:내용이 여러 행이나 열을 걸쳐 있을 필요가 있으면 colspan과 rowspan 속성을 사용하세요!

HTML 4.01 와 HTML5사이의 차이

HTML 5 중에서 더 이상 HTML을 지원하지 않습니다. 4.01 중의 일부 속성.

속성

속성	값	설명
abbr	text	HTML5 지원하지 않습니다. 정의: 표 헤더 셀 내용의 축소된 버전을 지정합니다.
align	left 　right 　center 　justify 　char	HTML5 지원하지 않습니다. 정의: 표 헤더 셀 내용의 수평 정렬 방식을 지정합니다.
axis	category_name	HTML5 지원하지 않습니다. 표 헤더 셀을 분류합니다.
bgcolor	rgb(x,x,x) #xxxxxx colorname	HTML5 지원하지 않습니다. HTML 4.01 사용 중지됨. 정의: 표 헤더 셀의 배경색을 지정합니다.
char	character	HTML5 지원하지 않습니다. 정의: 내용을 정렬할 문자를 지정합니다.
charoff	number	HTML5 지원하지 않습니다. 정의: 문자에 대한 오프셋 값을 지정합니다.
colspan	number	정의: 표 헤더 셀이 얼마나 많은 열을 걸쳐 있을 수 있는지 지정합니다.
headers	header_id	정의: 표 헤더 셀과 관련된 하나나 여러 개의 표 헤더 셀을 지정합니다.
height	pixels %	HTML5 지원하지 않습니다. HTML 4.01 사용 중지됨. 정의: 표 헤더 셀의 높이를 지정합니다.
nowrap	nowrap	HTML5 지원하지 않습니다. HTML 4.01 사용 중지됨. 정의: 표 헤더 셀 내용이 줄어들기를 허용할지 여부를 지정합니다.
rowspan	number	정의: 표 헤더 셀이 얼마나 많은 행을 걸쳐 있을 수 있는지 지정합니다.
scope	col 　colgroup 　row 　rowgroup	표头 셀이 행, 열, 행 그룹, 또는 열 그룹의 헤더인지 정의합니다.
valign	top 　middle 　bottom 　baseline	HTML5 지원하지 않습니다. 표头 셀 내용의 수직 정렬 방식을 정의합니다.
width	pixels %	HTML5 지원하지 않습니다. HTML 4.01 사용 중지됨. 표头 셀의 너비를 정의합니다.

전체 속성

<th> 태그는 다음과 같은 전체 속성을 지원합니다 HTML의 전체 속성。

이벤트 속성

<th> 태그는 모든 이벤트 속성을 지원합니다 HTML 이벤트 속성。

더 많은 예제 보기

행이나 열을 건너는 테이블 셀
이 예제에서는 행이나 열을 건너는 테이블 셀을 정의하는 방법을 보여줍니다.

테이블 내 태그
이 예제에서는 다른 요소 내에서 요소를 표시하는 방법을 보여줍니다.

셀 여백(Cell padding)
이 예제에서는 Cell padding을 사용하여 셀 내용과 테두리 간의 공백을 만드는 방법을 보여줍니다.

셀 간격(Cell spacing)
이 예제에서는 Cell spacing을 사용하여 셀 간의 간격을 늘리는 방법을 보여줍니다.