'T로시작하는 HTML태그'에 해당되는 글 1건

  1. 2010.04.04 HTML태그(Tag) - T로시작하는 태그

HTML태그(Tag) - T로시작하는 태그

HTML태그 2010. 4. 4. 10:56

 

<TABLE>

TABLE 요소는 표를 만들 때 사용합니다.

구문: <TABLE>...</TABLE>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
border Length 테두리의 두께를 지정합니다.
cellpadding Length 셀 안쪽 여백을 지정합니다.
cellspacing Length 셀 간격을 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
frame void
above
below
hsides
lhs
rhs
vsides
box
border		 표 안쪽 테두리의 모양을 지정합니다. void는 테두리를 보이지 않게 하고, hsides는 왼쪽과 오른쪽 테두리를, vsides는 위쪽과 아래쪽의 테두리를, above는 위쪽 테두리, below는 아래쪽 테두리, lhs는 왼쪽 테두리, rhs는 오른쪽 테두리, box 혹은 border는 모든 테두리를 표시합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
rules none
groups
rows
cols
all		 표 안쪽 테두리의 모양을 지정합니다. none은 테두리를 보이지 않게 하고, groups는 행 그룹과 열 그룹 사이에, rows는 행 사이에, cols는 열 사이에, all은 모든 셀 사이의 테두리를 표시합니다. BORDER 속성값이 지정되지 않았거나 0인 경우 none이 기본값으로 사용되며, 다른 모든 경우에 all이 기본값으로 사용됩니다.
style StyleDesc CSS 스타일을 지정합니다.
summary Text 표의 내용을 정리한 문자열을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
width Length 표의 너비를 지정합니다.
align left
right
center		 정렬 방법을 지정합니다.
bgcolor Color 표 배경색을 지정합니다. 색깔 이름이나 #rrggbb 형식의 코드를 입력합니다. HTML 4.01에서는 스타일 시트의 color 속성을 사용할 것을 권장합니다.

예제

 <TABLE border="1" style="font-size:9pt">
<CAPTION>도메인 코드별 나라 이름</CAPTION>
<THEAD>
<TR>
<TH>도메인 코드</TH>
<TH>나라 이름</TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TD>kr</TD>
<TD>Korea, Republic of</TD>
</TR>
<TR>
<TD>jp</TD>
<TD>Japan</TD>
</TR>
<TR>
<TD>cn</TD>
<TD>China</TD>
</TR>
</TBODY>
</TABLE>
TABLE 요소는 표의 다양한 구조를 만들기 위해서 여러 선택 요소들을 포함합니다. TABLE 요소 안에 최소한 하나의 TBODY가 반드시 필요하며, TABLE 안에 하나의 TBODY만 있고 THEAD와 TFOOT이 없는 경우에는 TBODY 요소를 생략할 수 있습니다.

CAPTION 요소는 표에 캡션을 지정하기 위해 사용되며, COL과 COLGROUP 요소는 행의 너비와 그룹핑을 설정하는 데 사용됩니다.

THEAD, TFOOT, TBODY 요소는 열 그룹을 표시합니다. TBODY 요소가 표의 기본 열 그룹을 표시하는 반면, THEAD와 TFOOT은 머리열과 꼬리열을 포함합니다. 하나의 열 그룹은 개별 열을 표시하기 위해 TR 요소를 가지며, 각각 TR은 제목 셀과 데이터 셀을 표시하기 위해 TH와 TD 요소를 갖습니다.

도메인 코드별 나라 이름
도메인 코드 나라 이름
kr Korea, Republic of
jp Japan
cn China

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML 3.2


 

<TBODY>

TBODY 요소는 표의 가로줄을 그룹지을 때 사용합니다. THEAD, TFOOT과 기능상 동일합니다.

구문: <TBODY>...</TBODY>

닫는 태그: 선택

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
char Character 셀의 정렬 기준 문자를 지정합니다.
charoff Length 문자 기준 정렬의 기준점(offset)을 지정합니다. 픽셀수 또는 셀 너비의 비율로 지정합니다. charoff="50%"는 문자를 셀의 중앙에 수평으로 정렬합니다.
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
align left
right
center
justify
char		 가로 정렬 방법을 지정합니다. 기본값은 left입니다.
valign top
middle
bottom
baseline		 세로 정렬 방법을 지정합니다. 기본값은 middle입니다.

예제

 <TABLE border="1" style="font-size:9pt"> 
<TBODY>
<TR>
<TD>kr</TD>
<TD>Korea, Republic of</TD>
</TR>
<TR>
<TD>jp</TD>
<TD>Japan</TD>
</TR>
</TBODY>
</TABLE>
TBODY 요소를 사용하여 가로줄을 그룹화한 예제입니다.
kr Korea, Republic of
jp Japan

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN n/a, HTML 4

참고

  • 표가 하나의 TBODY만 포함하고 THEAD, TFOOT을 포함하지 않을 때 TBODY 요소를 생략할 수 있습니다.

 

<TD>

TD 요소는 셀을 정의할 때 사용합니다. TD 요소는 TR 요소 안에 포함됩니다. TR 요소는 각각의 셀을 표시하기 위해 TH 요소와 TD 요소를 갖습니다.

구문: <TD>...</TD>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
abbr Text 셀의 내용을 축약한 문자열을 지정합니다.
axis CDATA 셀 내용의 분류 기준을 지정합니다.
char Character 셀의 정렬 기준 문자를 지정합니다.
charoff Length 문자 기준 정렬의 기준점(offset)을 지정합니다. 픽셀수 또는 셀 너비의 비율로 지정합니다. charoff="50%"는 문자를 셀의 중앙에 수평으로 정렬합니다.
class ClassName CSS의 class 선택자를 지정합니다.
colspan Number 가로로 합칠 셀의 개수를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
headers IdRefs 셀의 제목을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
rowspan Number 세로로 합칠 셀의 개수를 지정합니다.
scope row
col
rowgroup
colgroup		 제목이 적용되는 범위를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
align left
right
center
justify
char		 정렬 방법을 지정합니다.
valign top
middle
bottom
baseline		 정렬 방법을 지정합니다.
bgcolor Color 셀 배경색을 지정합니다. 색깔 이름이나 #rrggbb 형식의 코드를 입력합니다. HTML 4.01에서는 스타일 시트의 color 속성을 사용할 것을 권장합니다.
height Pixels 셀의 높이를 지정합니다.
nowrap nowrap 워드랩(word-wrap) 기능을 사용하지 않도록 합니다.
width Pixels 표의 너비를 지정합니다.

예제

예제 1
 <TABLE border="1">
<TR>
<TD>AFAIK</TD>
<TD>As Far As I Know</TD>
</TR>
</TABLE>
AFAIK As Far As I Know

예제 2
<TABLE border="1">
<TBODY align="center">
<TR>
<TD rowspan="2">은영</TD>
<TD>경수</TD>
<TD colspan="2">지혜</TD>
</TR>
<TR>
<TD colspan="2" rowspan="2"><b>나의 친구들</b></TD>
<TD>승헌</TD>
</TR>
<TR>
<TD>용준</TD>
<TD rowspan="2">영애</TD>
</TR>
<TR>
<TD colspan="2">지우</TD>
<TD>은하</TD>
</TR>
</TBODY>
</TABLE>
위 예제는 colspan과 rowspan을 사용한 것입니다.
은영 경수 지혜
나의 친구들 승헌
용준 영애
지우 은하

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML 3.2


 

<TEXTAREA>

TEXTAREA 요소는 여러 줄의 텍스트 입력 상자를 만들때 사용합니다. TEXTAREA 요소는 INPUT 요소와 달리 여러 줄의 텍스트가 입력 가능한 입력 상자를 만듭니다.

구문: <TEXTAREA>...</TEXTAREA>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
rows Number 화면에 표시할 줄 수를 지정합니다.
cols Number 한 줄에 들어갈 문자의 개수를 지정합니다.
accesskey Character 키 입력으로 요소를 활성화시킬 문자를 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
disabled disabled 요소를 선택할 수 없게 합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
name CDATA 요소의 이름을 지정합니다.
readonly readonly 요소의 값을 수정할 수 없게 합니다.
style StyleDesc CSS 스타일을 지정합니다.
tabindex Number 탭 순서를 지정합니다. 0과 32767사이의 하나의 숫자를 사용하며 양수로 표시된 값이 낮은 숫자일수록 우선 순위가 되며, 값이 같을 때는 HTML 문서에서 먼저 나온 것이 우선 순위가 됩니다. 값이 '0'이거나 없는 경우는 가장 마지막 순서가 됩니다.

예제

 <TEXTAREA rows="3" cols="20">
문의 사항을 입력하십시오.
</TEXTAREA>
TEXTAREA 요소의 내용은 기본 입력값으로 표시됩니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • HTML 4.01에서는 TEXTAREA 요소를 BUTTON 요소를 제외한 모든 블록 요소(Block Element) 및 인라인 요소(Inline Element) 안에 사용할 수 있도록 허용합니다.
  • TEXTAREA 요소와 사용할 수 있는 이벤트로는 onfocus, onblur, onselect, onchange가 있습니다.

 

<TFOOT>

TFOOT 요소는 표의 가로줄(바닥글)을 그룹지을 때 사용합니다. TBODY, THEAD 요소와 기능상 동일합니다.

구문: <TFOOT>...</TFOOT>

닫는 태그: 선택

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
char Character 셀의 정렬 기준 문자를 지정합니다.
charoff Length 문자 기준 정렬의 기준점(offset)을 지정합니다. 픽셀수 또는 셀 너비의 비율로 지정합니다. charoff="50%"는 문자를 셀의 중앙에 수평으로 정렬합니다.
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
align left
right
center
justify
char		 가로 정렬 방법을 지정합니다. 기본값은 left입니다.
valign top
middle
bottom
baseline		 세로 정렬 방법을 지정합니다. 기본값은 middle입니다.

예제

 <TABLE border="1" style="font-size:9pt">
<THEAD>
<TR>
<TH>항목</TH>
<TH>금액</TH>
</TR>
</THEAD>
<TFOOT style="font:bold">
<TR>
<TD>합계</TD>
<TD>12,000</TD>
</TR>
</TFOOT>
<TBODY align="right">
<TR>
<TD>영화</TD>
<TD>7,000</TD>
</TR>
<TR>
<TD>점심</TD>
<TD>5,000</TD>
</TR>
</TBODY>
</TABLE>
TFOOT 요소를 이용하여 표에 바닥글을 넣은 예제입니다. 바닥글에는 전체 표의 요약이나 표의 일부에 적용하는 내용 등을 기록합니다.
항목 금액
합계 12,000
영화 7,000
점심 5,000

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN n/a, HTML 4

참고

  • TFOOT을 이용하면 바닥글을 별도로 그룹핑하여, 여러 페이지로 구성된 표를 프린터로 출력할 때 페이지마다 바닥글을 포함시킬 수 있고, 바닥글이 고정된 채로 표의 내용만 스크롤되는 긴 표를 만들 수 있습니다.
  • TFOOT 요소는 TBODY 요소 앞에 위치해야 하기 때문에 이를 지원하지 않는 브라우저에서 사용할 수 없습니다.

 

<TH>

TH 요소는 표의 제목셀을 정의할 때 사용합니다. TH 요소는 TR 요소 내에 위치합니다.

구문: <TH>...</TH>

닫는 태그: 선택

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
abbr Text 셀의 내용을 축약한 문자열을 지정합니다.
axis CDATA 셀 내용의 분류 기준을 지정합니다.
char Character 셀의 정렬 기준 문자를 지정합니다.
charoff Length 문자 기준 정렬의 기준점(offset)을 지정합니다. 픽셀수 또는 셀 너비에 대한 비율로 지정합니다. charoff="50%"는 문자를 셀의 중앙에 수평으로 정렬합니다.
class ClassName CSS의 class 선택자를 지정합니다.
colspan Number 가로로 합칠 셀의 개수를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
headers IdRefs 셀의 제목을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
rowspan Number 세로로 합칠 셀의 개수를 지정합니다.
scope row
col
rowgroup
colgroup		 제목이 적용되는 범위를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
align left
right
center
justify
char		 정렬 방법을 지정합니다.
valign top
middle
bottom
baseline		 정렬 방법을 지정합니다.
bgcolor Color 셀 배경색을 지정합니다. 색깔 이름이나 #rrggbb 형식의 코드를 입력합니다. HTML 4.01에서는 스타일 시트의 color 속성을 사용할 것을 권장합니다.
height Pixels 셀의 높이를 지정합니다.
nowrap nowrap 워드랩(word-wrap) 기능을 사용하지 않도록 합니다.
width Pixels 표의 너비를 지정합니다.

예제

 <TABLE border="1">
<TR>
<TH>요일</TH>
<TH>날씨</TH>
</TR>
<TR>
<TD>월요일</TD>
<TD>흐림</TD>
</TR>
</TABLE>
TH 요소는 제목셀을 나타내며 웹 브라우저에서 볼드체로 표시됩니다. 볼드체로 표시되는 점을 제외하면 데이터셀을 표시하는 TD 요소와 기능상 동일합니다. 셀의 내용이 제목인 동시에 데이터인 경우에는 TD 요소를 사용하는 것이 좋습니다.
요일 날씨
월요일 흐림

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML 3.2

참고

  • TD, TH 요소에서 지정한 속성은 TR, COL, COLGROUP, THEAD, TBODY, TFOOT 요소에서 지정한 속성보다 우선합니다.

 

<THEAD>

THEAD 요소는 표의 가로줄(머리글)을 그룹지을 때 사용합니다. TBODY, TFOOT과 기능상 동일합니다.

구문: <THEAD>...</THEAD>

닫는 태그: 선택

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
char Character 셀의 정렬 기준 문자를 지정합니다.
charoff Length 문자 기준 정렬의 기준점(offset)을 지정합니다. 픽셀수 또는 셀 너비에 대한 비율로 지정합니다. charoff="50%"는 문자를 셀의 중앙에 수평으로 정렬합니다.
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
align left
right
center
justify
char		 가로 정렬 방법을 지정합니다. 기본값은 left입니다.
valign top
middle
bottom
baseline		 세로 정렬 방법을 지정합니다. 기본값은 middle입니다.

예제

 <TABLE border="1" style="font-size:9pt">
<THEAD>
<TR>
<TH>요일</TH>
<TH>날씨</TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TD>목요일</TD>
<TD>맑음</TD>
</TR>
</TBODY>
</TABLE>
THEAD를 이용하여 표의 머리글이 될 제목셀 가로줄을 그룹핑한 예제입니다.
요일 날씨
목요일 맑음

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN n/a, HTML 4

참고

  • THEAD로 제목줄을 그룹핑하면 여러 페이지로 구성된 표를 프린터로 출력할 때 페이지마다 제목줄이 포함되도록 할 수 있고, 제목줄이 고정된 채로 표의 내용만 스크롤되는 긴 표를 만들 수 있습니다.

 

<TITLE>

TITLE 요소는 HTML 문서의 제목을 표시할 때 사용합니다. 각 HTML 문서에는 하나의 TITLE 요소가 포함되어야 합니다.

구문: <TITLE>...</TITLE>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.

예제

<HEAD><TITLE>문서 제목</TITLE></HEAD>
TITLE 요소는 HEAD 요소 안에 삽입되며, TITLE 요소의 내용은 웹 브라우저에서 제목 막대에 표시됩니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • TITLE 요소의 내용은 북마크로 사용되거나 검색 엔진에 등록될 때 사용될 수 있습니다. 따라서 간략하면서 문서의 내용을 잘 나타내는 문구를 TITLE로 사용하는 것이 좋습니다.

 

<TR>

TR 요소는 표의 가로줄을 정의합니다. TR은 제목셀인 TH와 테이터셀인 TD 요소를 포함합니다.

구문: <TR>...</TR>

닫는 태그: 선택

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
char Character 셀의 정렬 기준 문자를 지정합니다.
charoff Length 문자 기준 정렬의 기준점(offset)을 지정합니다. 픽셀수 또는 셀 너비에 대한 비율로 지정합니다. charoff="50%"는 문자를 셀의 중앙에 수평으로 정렬합니다.
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
valign top
middle
bottom
baseline		 세로 정렬 방법을 지정합니다. 기본값은 middle입니다.
align left
right
center
justify
char		 가로 정렬 방법을 지정합니다. 기본값은 left입니다.
bgcolor Color 셀 배경색을 지정합니다. 색깔 이름이나 #rrggbb 형식의 코드를 입력합니다. HTML 4.01에서는 스타일 시트의 color 속성을 사용할 것을 권장합니다.

예제

 <TABLE border="1">
<TR>
<TH>요일</TH>
<TH>날씨</TH>
</TR>
<TR>
<TD>월요일</TD>
<TD>흐림</TD>
</TR>
</TABLE>
TR 요소는 제목셀인 TH 요소와 데이터셀인 TD 요소를 포함합니다.
요일 날씨
월요일 흐림

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML 3.2

참고

  • TD, TH 요소에서 지정한 속성은 TR, COL, COLGROUP, THEAD, TBODY, TFOOT 요소에서 지정한 속성보다 우선합니다.

 

<TT>

TT 요소는 고정폭 글꼴로 표시할 때 사용합니다.

구문: <TT>...</TT>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 내가 좋아하는 과일은 <TT>수박과 딸기</TT>입니다.
TT 요소를 적용한 부분은 웹 브라우저에서 고정폭 글꼴로 설정된 값으로 표시됩니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • 스타일 시트를 사용하면 TT 요소를 대신하거나 좀 더 보완할 수 있습니다.


※ 출처 : 웹 디자인 그룹"(Web Design Group), Copyright ⓒ 2003-2005 (주)세중 나모 인터랙티브


'HTML태그' 카테고리의 다른 글

HTML태그(Tag) - Q로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - S로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - U로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - V로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - 기타 태그  (0) 2010.04.04
Posted by 굿프랜
,
1
굿프랜

태그목록

티스토리툴바