테이블 셀을 표시하는
다음 속성을 지원합니다 -
| 속성 | 값 | 설명 |
|---|---|---|
| abbr | abbreviated_text | 사용 중단 − 셀에 있는 내용의 축약된 버전을 지정합니다. |
| 정렬 | 오른쪽 왼쪽 가운데 문자를 양쪽 정렬 | 사용되지 않음 − 시각적 정렬. |
| 축 | 이름 | 사용 중단 - 이 td에 대한 범주를 지정합니다. 이것은 잠재적으로 테이블 데이터에 대한 쿼리를 수행하는 데 사용될 수 있으며 음성 브라우저의 컨텍스트에서 유용할 수 있습니다. |
| bgcolor | rgb(x,x,x) #hexcode 색상 이름 | 사용 중단 − 테이블 셀의 배경색을 지정합니다. |
| 문자 | 문자 | 사용되지 않음 − 텍스트를 정렬할 문자를 지정합니다. align ="char" | 일 때 사용
| 문자열 | 픽셀 또는 % | 사용되지 않음 - char 속성으로 지정된 첫 번째 문자에 대한 정렬 오프셋(픽셀 또는 백분율 값)을 지정합니다. align ="char" | 일 때 사용
| colspan | 숫자 | 현재 셀에 걸쳐 있는 열의 수를 지정합니다. |
| 헤더 | id | 이 셀에 대한 정보를 포함하는 헤더 셀의 공백으로 구분된 목록을 지정합니다. 값은 헤더 셀의 id(id 속성을 사용하여 설정됨)와 일치해야 합니다. 이 속성은 비시각적 브라우저에 유용합니다. |
| 높이 | 픽셀 | 사용되지 않음 − 테이블 셀의 높이를 지정합니다. |
| 나우 랩 | 지금 줄바꿈 | 사용되지 않음 − 텍스트가 자동으로 줄바꿈되는 것을 방지합니다. |
| 행 범위 | 숫자 | 현재 셀에 걸쳐 있는 행 수를 지정합니다. |
| 범위 | colcolgroup 행 rowgroup | 사용되지 않음 − 이 속성은 헤더 셀에 사용되며 이 헤더 정보를 사용할 셀을 지정합니다. |
| 정렬 | 상단 중간 하단 기준선 | 사용되지 않음 - 수직 정렬. |
| 폭 | 픽셀 또는 % | 사용되지 않음 - 테이블 셀의 너비를 지정합니다. |
예시
다음 코드를 실행하여 HTML로 테이블 셀을 표시할 수 있습니다. −
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h3>Result</h3>
<table>
<th>Marks</th>
<th>Student</th>
<tr>
<td>600</td>
<td>Amit</td>
</tr>
<tr>
<td>400</td>
<td>Anil</td>
</tr>
</table>
</body>
</html>