HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <td> 태그

HTML <td> 태그는 HTML 테이블에서 표준 셀을 정의합니다. <td> 요소는 데이터를 포함한 테이블 셀을 정의합니다. 이 태그는 일반적으로 <td> 요소라고도 합니다.

온라인 예제

　HTML 테이블, 여러 셀을 포함한 테이블:

예제

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML 테이블 레이아웃의 사용(기본 튜토리얼 웹)3codebox.com)</title>
</head>
<body>
<table　border="1">
　　<tr>
　　　　<th>Column　1　Heading</th>
　　　　<th>Column　2　Heading</th>
　　</tr>
　　<tr>
　　　　<td>Data　in　Column　1,　Row　2</td>
　　　　<td>Data　in　Column　2,　Row　2</td>
　　</tr>
　　<tr>
　　　　<td>Data　in　Column　1,　Row　3</td>
　　　　<td>Data　in　Column　2,　Row　3</td>
　　</tr>
　　<tr>
　　　　<td>Data　in　Column　1,　Row　4</td>
　　　　<td>Data　in　Column　2,　Row　4</td>
　　</tr>
</table>
</body>
</html>

테스트해 보세요 ‹/›

이 HTML5문서 예제에서는 <table> 태그로 테이블을 생성했습니다. 이 테이블은2열과4행입니다. 테이블의1행은 첫 번째 <tr> 태그로 정의된 것입니다. 그것은2개는 <th> 태그로 정의된 테이블 헤더 셀입니다. 이 테이블의2부터4행은 <td> 태그로 정의된 표준 테이블 셀입니다.

브라우저 호환성

IEFirefoxOperaChromeSafari

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

정의 및 사용 설명

<td> 태그는 HTML 테이블의 표준 셀을 정의합니다.

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

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

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

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

안내와 주의사항

안내:내용을 여러 행이나 열에 걸쳐 표시하려면 colspan과 rowspan 속성을 사용하세요!

HTML 4.01 와의 차이5사이의 차이

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	HTML5 지원하지 않습니다. 테이블 헤더 셀과 데이터 셀을 연결하는 방법을 정의합니다.
valign	top 　middle 　bottom 　baseline	HTML5 지원하지 않습니다. 셀 내용의 수직 정렬 방식을 정의합니다.
width	pixels %	HTML5 지원하지 않습니다. HTML 4.01 사용되지 않습니다. 셀의 너비를 정의합니다.

전체 속성

<td> 태그가 지원 HTML의 전체 속성。

이벤트 속성

<td> 태그가 지원 HTML 이벤트 속성。

시도해 보세요 - 예제

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

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

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

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