HTML <td> 태그 : 테이블 데이터 태그(Table Data)
<TD> HTML 태그는 테이블 내의 표준셀 또는 테이블 데이터를 지정하는 데 사용됩니다.
헤더 셀 <th> - 테이블의 헤더 (굵은 텍스트로 기본적으로 가운데 정렬됩니다.)
표준 셀 <td> - 테이블의 데이터 (일반 텍스트로 기본적으로 왼쪽 정렬됩니다.)
<td> 태그 예제
<html>
<head>
<title>html td 태그 예제샘플</title>
</head>
<body>
<h1>td 태그의 예제샘플입니다</h1>
<p>
<TABLE border=1>
<CAPTION>Cups of coffee consumed by each senator</CAPTION>
<TR>
<TH>Name</TH>
<TH>Cups</TH>
<TH>Type of Coffee</TH>
<TH>Sugar?</TH>
<TR>
<TD>AAAAA</TD>
<TD>10</TD>
<TD>BBBBBB</TD>
<TD>No</TD>
<TR>
<TD>XXXXXX</TD>
<TD>5</TD>
<TD>PPPPPPP</TD>
<TD>Yes</TD>
</TABLE>
</body>
</html>
<td> 관련 태그
<td> 태그 속성
abbr : 셀 내용의 짧은 요약을 나타냅니다.
align : 콘텐츠 정렬을 지정합니다.
axis : 테이블 셀 또는 테이블 헤더 셀에 대한 카테고리 이름의 쉼표로 구분 된 목록을 지정하는 것입니다.
bgcolor : 배경색을 지정할 수 있습니다.
char : 문자로 테이블 행의 콘텐츠를 정렬을 지정합니다.
charoff : char 속성에 의해 지정된 정렬 문자로 문자의 수를 지정하는 것입니다.
class : 문서의 요소를 식별합니다.
colspan : 개별 열 정의에 의해 스팬 열 수를 정의하는 것입니다.
dir : HTML의 일세 속성은 HTML 문서의 요소 안에있는 텍스트의 방향을 설정합니다.
headers : 테이블 헤더 셀에 대한 식별자의 공백으로 구분 된 목록을 지정하는 것입니다.
height : 요소 나 프레임의 높이를 지정하는 것입니다.
id : 문서의 요소를 식별합니다.
lang : 요소의 내용의 언어를 지정합니다.
nowrap : nowrap
rowspan : 개별 테이블 셀에 스팬 행의 수를 정의하는 것입니다.
scope : 테이블의 헤더 셀의 범위를 지정하는 것입니다.
scope 속성 값 :
row : 현재 셀이 포함되어있는 행의 나머지 부분에 대한 헤더 정보를 제공합니다.
col : 현재 셀이 포함되어있는 칼럼의 나머지 헤더 정보를 제공합니다.
rowgroup : 헤더 셀은 포함되어있는 행 그룹의 나머지 헤더 정보를 제공합니다.
colgroup : 헤더 셀은 포함되어있는 열 그룹의 나머지 헤더 정보를 제공합니다. style : 요소에 대한 인라인 스타일을 지정합니다.
title : 문서에 대한 제안 제목은 열 수 있습니다.
valign : 테이블 셀의 내용의 수직 정렬을 정의하는 것입니다.
width : 요소의 너비를 지정하는 것입니다.
<td> 태그 이벤트
onclick : 마우스 클릭에서 스크립트가 실행됩니다.
ondblclick : 마우스를 두번 클릭에서 스크립트가 실행됩니다.
onmousedown : 스 버튼을 누를 때 스크립트가 실행됩니다.
onmouseup : 마우스 버튼이 버튼이 누른후 스크립트가 실행됩니다.
onmouseover : 마우스 포인터가 요소 위에 이동할 때 스크립트가 실행됩니다.
onmousemove : 마우스 포인터가 이동할때 스크립트가 실행됩니다.
onmouseout : 마우스 포인터가 요소에서 이동할 때 스크립트가 실행됩니다.
onkeypress : 키를 누르면 스크립트가 실행됩니다.
onkeydown : 키를 눌렀을 때 스크립트가 실행됩니다.
onkeyup : 키가 누른후에 스크립트가 실행됩니다.
'HTML 태그' 카테고리의 다른 글
WRITTEN BY
- white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.
