표 칸사이의 구별을 돕기 위하여 TABLE 엘레멘트의 border 애트리뷰트 설정 할 수 있다. 앞의 예제에서:

<TABLE BORDER=1
 summary="상원의원이 소비하는 커피의 잔 수, 커피의 종류(카페인 제거 한
	또는 보통)와설탕을 첨가하는가를 도식화 한 표이다.">
 <CAPTION>상원의원이 소비하는 커피의 잔 수</CAPTION>
 <TR>
    <TH>성명</TH>
    <TH>컵 수</TH>
    <TH>커피의 종류</TH>
    <TH>설탕은 ?</TH>
 <TR>
    <TD>T. Sexton</TD>
    <TD>10</TD>
    <TD>Espresso</TD>
    <TD>무첨가</TD>
 <TR>
    <TD>J. Dinnen</TD>
    <TD>5</TD>
    <TD>카페인 제거 커피</TD>
    <TD>첨가</TD>
</TABLE>

다음 예제에서 사용도구는 표의 왼쪽과 오른쪽에 두께가 5 픽셀 인 테두리를 표현하고, 각 컬럼 사이에 수직으로 줄을 표현한다.

<TABLE border="5" frame="vsides" rules="cols">
 <TR><TD>1 <TD>2 <TD>3
 <TR><TD>4 <TD>5 <TD>6
 <TR><TD>7 <TD>8 <TD>9
</TABLE>

귀하의 브라우저로

예를 들어 다음 두 지정은 같다.

<TABLE border="2">
<TABLE border="2" frame="border" rules="all">

그리고

<TABLE border>
<TABLE frame="border" rules="all">

예제 표에는 정렬 글자를 "." 설정하여, 열의 현재 값을 10진수 점(.)을 축으로 정렬한다.

<TABLE border="1">
 <COLGROUP>
   <COL align="char" char=".">
 <THEAD>
   <TR><TH>채소 <TH>Kg 단가
 <TBODY>
   <TR><TD>상치<TD>$1
   <TR><TD>당근<TD>$10.50
   <TR><TD>무우<TD>$100.30
</TABLE>

양시화 된 표는 다음과 비슷 할 것이다.

--------------------
|채소      |Kg 단가 |
|----------|--------|
|상치      |   $1   |
|----------|--------|
|당근      |  $10.50|
|----------|--------|
|무우      | $100.30|
---------------------

다음 예제에서 cellspacing 애트리뷰트는 칸들이 표의 외곽으로부터 각 방향에서 20 픽셀 떨어 진다고 지정한다. cellpadding 애트리뷰트는 칸의 위 마진과 아래 마진이 칸의 내용과 전체 가용 수직 공간의 10% 만큼 칸의 테두리에서 떨어진다(합계 20%)는 것을 지정하고, 같은 방식으로 왼쪽 마진과 오른쪽 마진이 칸의 내용과 전체 가용 수평 공간의 10% 만큼 칸의 테두리에서 떨어진다(합계 20%)는 것을 지정한다.

<TABLE cellspacing="20" cellpadding="20%">
 <TR><TD>Data1 <TD>Data2 <TD>Data3
</TABLE>

예제에는 headers 애트리뷰트로 칸에 헤더정보를 설정하였다. 같은 컬럼의 각 칸은 id 애트리뷰트로 같은 헤더 칸을 참조한다.

<TABLE BORDER=1
 summary="상원의원이 소비하는 커피의 잔 수, 커피의 종류(카페인 제거 한 또는
	 보통)와설탕을 첨가하는가를 도식화 한 표이다.">
 <CAPTION>상원의원이 소비하는 커피의 잔 수</CAPTION>
 <TR>
    <TH id="t1">성명</TH>
    <TH id="t2">컵 수</TH>
    <TH id="t3" abbr="종류">커피의 종류</TH>
    <TH id="t4">설탕은</TH>
 <TR>
    <TD headers="t1">T. Sexton</TD>
    <TD headers="t2">10</TD>
    <TD headers="t3">Espresso</TD>
    <TD headers="t4">무첨가</TD>
 <TR>
    <TD headers="t1">J. Dinnen</TD>
    <TD headers="t2">5</TD>
    <TD headers="t3">카페인 제거 커피</TD>
    <TD headers="t4">첨가</TD>
</TABLE>

이 표는 음성 합성 장치에서 다음과 같이 표현 될 수 있다.

Caption: 상원의원이 소비하는 커피의 잔 수
summary="상원의원이 소비하는 커피의 잔 수,
커피의 종류(카페인 제거 한 또는 보통)와 설탕을 첨가하는가를 도식화 한 표이다.
성명: T. Sexton,   컵 수: 10,   종류: Espresso,	   설탕은: 무첨가
성명: J. Dinnen,   컵 수: 5,    종류: 카페인 제거 커피,   설탕은: 첨가

헤더 "커피의 종류"가 abbr 애트리뷰트 사용으로 어떻게 생략 헤더 "종류"으로 되었는가 주의하라.

같은 예제에서 headers 애트리뷰트를 scope 애트리뷰트로 바꾼 것이다.

<TABLE BORDER=1
 summary="상원의원이 소비하는 커피의 잔 수, 커피의 종류(카페인 제거 한
	또는 보통)와설탕을 첨가하는가를 도식화 한 표이다.">
 <CAPTION>상원의원이 소비하는 커피의 잔 수</CAPTION>
 <TR>
   <TH scope="col">성명</TH>
   <TH scope="col">컵 수</TH>
   <TH scope="col"abbr="종류">커피의 종류</TH>
   <TH scope="col">설탕은</TH>
 <TR>
   <TD>T. Sexton</TD>
   <TD>10</TD>
   <TD>Espresso</TD>
   <TD>무첨가</TD>
 <TR>
   <TD>J. Dinnen</TD>
   <TD>5</TD>
   <TD>카페인 제거 커피</TD>
   <TD>첨가</TD>
</TABLE>

아래는 scope 애트리뷰트에 다른 값를 갖는 보다 복잡 한 예제이다.

<TABLE border="1" cellpadding="5" cellspacing="2"
 summary="Bath 지역 사회에서 제공하는 역사 과정들을
	과정명, 강사, 요약, 코드와 요금으로 정리>
 <TR>
   <TH colspan="5" scope="colgroup">지역 사회 과정들 -- Bath 1997년 가을 </TH>
 </TR>
 <TR>
   <TH scope="col" abbr="이름">과정명</TH>
   <TH scope="col" abbr="강사">과정 강사</TH>
   <TH scope="col">요약</TH>
   <TH scope="col">코드</TH>
   <TH scope="col">요금</TH>
 </TR>
 <TR>
   <TD scope="row">내전 이후</TD>
   <TD>Dr. John Wroughton</TD>
   <TD>이 과정에서는 1646년 이후 영국에서의 불안정 한 기간을 점검한다.
       <I>10월 13일 월요일 시작 6주간 만남</I>.
   </TD>
   <TD>H27</TD>
   <TD>&pound;32</TD>
 </TR>
 <TR>
   <TD scope="row">앵글로-색슨 영국의 소개</TD>
   <TD>Mark Cottle</TD>
   <TD>하루 과정의 앵글로-색슨 재편 기간인 중세기의 초기와 그들 사회의 소개.
      <I>10월 18일 토요일</I>.
   </TD>
   <TD>H28</TD>
   <TD>&pound;18</TD>
 </TR>
 <TR>
   <TD scope="row">그리스의 영광</TD>
   <TD>Valerie Lorenz</TD>
   <TD>민주 주의, 철학, 극장의 중심지, 토론의 집들의 근원지.
    로마가 이루었을 것이지만 그리스가 먼저 이루었다.
    <I>1997년 10월 25일 토요학교</I>.
   </TD>
   <TD>H30</TD>
   <TD>&pound;18</TD>
 </TR>
</TABLE>

귀하의 브라우저로

그래픽 사용도구는 다음과 같이 표현 할 것이다(영문).

scope 애트리뷰트의 값에 "row"를 사용 한 것에 주의하라. 각 열의 첫번째 칸에는 헤더 정보가 아닌 데이터를 가지고 있지만, scope 애트리뷰트는 그 데이터 칸을 열의 헤더 칸 처럼 작용하도록한다. 이 음성 합성 장치에게 요청에 의하거나 각 칸의 내용을 시작하기 바로 전에 해당 과정명을 제공한다

두 지역(San Jose와 Seattle)에서의 몇일간 비용을 meals(식대), hotels(호텔비), transport(운임)로 분류 된 다음의 표를 보라.

• "나는 나의 모든 식대(meals)에 얼마나 지불 했나?"
• "나는 나의 8월 25일 식대(meals)에 얼마나 지불 했나?"
• "나는 나의 San Jose에서 모든 비용을 얼마나 지불 했나?"

각 요청은 사용도구에 의한 0칸 혹은 여러 칸들의 계산과 관련한다. 예를 들어 8월 25일 식대를 산출하기 위하여 사용도구는 표의 어느 칸들이 식비("meals")를 참조하고, 어느 칸들이 날자("dates":구체적으로 "25 August")를 참조하는가를 알아야 하고, 이 두 설정이 맞는 항목을 찾아야 한다.

이 종류의 요청사항을 달성하기 위해서, HTML 4.0의 표 모델은 제작자가 칸의 헤더와 데이터를 카테고리(categories)로 묶는 것을 허용한다. 예를 들어 여행 비용 표에서 제작자는 헤더 칸들을 "San Jose"와 "Seattle"로 구룹 지우고, "Location" 카테고리로 만들고, headers "Meals", "Hotels"과 "Transport" 헤더들을 "Expenses" 카테고리로 하고, 네개의 날자를 "Date" 카테고리로 할 수 있다. 위 3개의 문제는 다음과 같은 의미가 될 것이다.

• "나는 나의 모든 식대(meals)에 얼마나 지불 했나?"는
  "어떤 칸들이 카테고리 'Expenses=Meals'의 테이터 칸을 갖고 있는가?"를 의미한다.
• "나는 나의 8월 25일 식대(meals)에 얼마나 지불 했나?"는
  "어떤 칸들이 카테고리 'Expenses=Meals'와 'Date=Aug-25-1997'의 테이터 칸을 갖고 있는가?"를 의미한다.
• "나는 나의 San Jose에서 모든 비용을 얼마나 지불 했나?"는
  "어떤 칸들이 카테고리 'Expenses=Meals, Hotels, Transport'와 'Location=San Jose'의 테이터 칸을 갖고 있는가?"를 의미한다.

제작자는 헤더나 데이터 칸을 칸에 axis 애트리뷰트를 설정함으로서 카테고리화 한다. 예를 들어 위 여행 비용 표에서, 정보 "San Jose"을 갖는 칸을 카테고리 "Location" 안에 다음과 같이 위치 시킬 수 있다.

 <TH id="a6" axis="location">San Jose</TH>

모든 "San Jose"에 관련 된 정보는 headers또는 scope 애트리뷰트를 통 해 이 칸의 헤더를 조회 할 것이다. 그래서 1997년 8월 25일의 식비는 "San Jose" 헤더 칸의 id 애트리뷰트(여기서 값 "a6")를 조회하도록 작성되어야 한다.

<TD headers="a6">37.74</TD>

각 headers 애트리뷰트는 id 참조 목록을 제공한다. 그래서 제작자는 주어 진 칸을 여러 방식(또는 여러개의 헤더들과 더부러)으로 카테고리화 시킬 수 있다.

이 여행 비용 표를 카테고리 정보를 사용하여 아래 작성하였다,

<TABLE border="1" summary="이 표는 여행 비용을
    8월 San Jose와 Seattle 여행 중 발생 한 비용을 요약 한 것 임">
<CAPTION>여행 비용 보고서</CAPTION>
<TR>
 <TH></TH>
 <TH id="a2" axis="expenses">Meals</TH>
 <TH id="a3" axis="expenses">Hotels</TH>
 <TH id="a4" axis="expenses">Transport</TH>
 <TD>subtotals</TD>
</TR>
<TR>
 <TH id="a6" axis="location">San Jose</TH>
 <TH></TH>
 <TH></TH>
 <TH></TH>
 <TD></TD>
</TR>
<TR>
 <TD id="a7" axis="date">25-Aug-97</TD>
 <TD headers="a6 a7 a2">37.74</TD>
 <TD headers="a6 a7 a3">112.00</TD>
 <TD headers="a6 a7 a4">45.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD id="a8" axis="date">26-Aug-97</TD>
 <TD headers="a6 a8 a2">27.28</TD>
 <TD headers="a6 a8 a3">112.00</TD>
 <TD headers="a6 a8 a4">45.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD>subtotals</TD>
 <TD>65.02</TD>
 <TD>224.00</TD>
 <TD>90.00</TD>
 <TD>379.02</TD>
</TR>
<TR>
 <TH id="a10" axis="location">Seattle</TH>
 <TH></TH>
 <TH></TH>
 <TH></TH>
 <TD></TD>
</TR>
<TR>
 <TD id="a11" axis="date">27-Aug-97</TD>
 <TD headers="a10 a11 a2">96.25</TD>
 <TD headers="a10 a11 a3">109.00</TD>
 <TD headers="a10 a11 a4">36.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD id="a12" axis="date">28-Aug-97</TD>
 <TD headers="a10 a12 a2">35.00</TD>
 <TD headers="a10 a12 a3">109.00</TD>
 <TD headers="a10 a12 a4">36.00</TD>
 <TD></TD>
</TR>
<TR>
 <TD>subtotals</TD>
 <TD>131.25</TD>
 <TD>218.00</TD>
 <TD>72.00</TD>
 <TD>421.25</TD>
</TR>
<TR>
 <TH>Totals</TH>
 <TD>196.27</TD>
 <TD>442.00</TD>
 <TD>162.00</TD>
 <TD>800.27</TD>
</TR>
</TABLE>

이 표를 이렇게 작성 한 것은 사용도구가 사용자로 하여금 필요 없는 정보와 혼동을 피하기 도록 하였슴에 주의하라. 예를 들어 만일 음성 합성 장치가 "나는 나의 모든 식대(meals)에 얼마나 지불 했나 ?"의 요청에 답하기 위하여 모든 "Meals" 컬럼의 갯수치를 읽는다면, 사용자는 소계나 합계를 일별 데이터와 구별 할 수 없을 것이다. 칸 데이터의 조심스러운 카테고리화로 제작자는 사용도구가 표현 할 때, 중요한 부분의 구분을 줄 수 있도록 할 수 있다.

물론, 제작자가 어떻게 표의 정보를 카테고리화 하는가에 대한 제한은 없다. 예를 들어 여행 비용 표에서 추가적인 카테고리 "subtotals"과 "totals"을 사용 할수 있다.

이 규격에서는 사용도구가 axis 애트리뷰트에 의해 제공 된 정보를 처리 할 필요가 없고, axis에 의해 제공 된 정보를 사용도구에게 어떻게 처리 할 것인가 또는 사용자가 사용도구에 어떻게 정보를 요청 할 것인가 하는 추천사항도 포함되어 있지 않다.

그러나, 특히 음성 합성 장치와 같은 사용도구들은 요청에 대한 결과의 여러 칸에 공통 요소를 원 할 수 있다. 예를 들어 만일 사용자가 "나는 나의 San Jose에서 식비를 얼마나 지불 했나 ?"를 요청 할 때, 사용도구는 먼저 해당 되는 칸들을 찾아낸 다음, 이 정보를 표시 할 것이다. 사용도구는 다음과 같이 말 할 것이다.

  Location: San Jose. Date: 25-Aug-1997. Expenses, Meals: 37.74
  Location: San Jose. Date: 26-Aug-1997. Expenses, Meals: 27.28

또는 더 함축적으로:

  San Jose, 25-Aug-1997, Meals: 37.74
  San Jose, 26-Aug-1997, Meals: 27.28

더 경제적인 표현은 공통의 정보 요소를 찾아:

  San Jose, Meals, 25-Aug-1997: 37.74
                   26-Aug-1997: 27.28

이 타입의 표현을 지원하는 사용도구는 사용도구가 표현을 꾸미는 수단(예를 들어 스타일쉬트를 통하여)을 제공 할 수 있다.

"ascii art"에서, 다음 표:

<TABLE border="2" frame="hsides" rules="groups"
         summary="Code page support in different versions of MS Windows.">
<CAPTION>CODE-PAGE SUPPORT IN MICROSOFT WINDOWS</CAPTION>
<COLGROUP align="center">
<COLGROUP align="left">
<COLGROUP align="center" span="2">
<COLGROUP align="center" span="3">
<THEAD valign="top">
<TR>
<TH>Code-Page<BR>ID
<TH>Name
<TH>ACP
<TH>OEMCP
<TH>Windows<BR>NT 3.1
<TH>Windows<BR>NT 3.51
<TH>Windows<BR>95
<TBODY>
<TR><TD>1200<TD>Unicode (BMP of ISO/IEC-10646)<TD><TD><TD>X<TD>X<TD>*
<TR><TD>1250<TD>Windows 3.1 Eastern European<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1251<TD>Windows 3.1 Cyrillic<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1252<TD>Windows 3.1 US (ANSI)<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1253<TD>Windows 3.1 Greek<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1254<TD>Windows 3.1 Turkish<TD>X<TD><TD>X<TD>X<TD>X
<TR><TD>1255<TD>Hebrew<TD>X<TD><TD><TD><TD>X
<TR><TD>1256<TD>Arabic<TD>X<TD><TD><TD><TD>X
<TR><TD>1257<TD>Baltic<TD>X<TD><TD><TD><TD>X
<TR><TD>1361<TD>Korean (Johab)<TD>X<TD><TD><TD>**<TD>X
<TBODY>
<TR><TD>437<TD>MS-DOS United States<TD><TD>X<TD>X<TD>X<TD>X
<TR><TD>708<TD>Arabic (ASMO 708)<TD><TD>X<TD><TD><TD>X
<TR><TD>709<TD>Arabic (ASMO 449+, BCON V4)<TD><TD>X<TD><TD><TD>X
<TR><TD>710<TD>Arabic (Transparent Arabic)<TD><TD>X<TD><TD><TD>X
<TR><TD>720<TD>Arabic (Transparent ASMO)<TD><TD>X<TD><TD><TD>X
</TABLE>

이는 다음과 처럼 표현 될 것이다.

                 CODE-PAGE SUPPORT IN MICROSOFT WINDOWS
==============================================================================
Code-Page| Name                         | ACP  OEMCP | Windows Windows Windows
   ID    |                              |            |  NT 3.1 NT 3.51    95
------------------------------------------------------------------------------
  1200   | Unicode (BMP of ISO 10646)   |            |    X       X       *
  1250   | Windows 3.1 Eastern European |  X         |    X       X       X
  1251   | Windows 3.1 Cyrillic         |  X         |    X       X       X
  1252   | Windows 3.1 US (ANSI)        |  X         |    X       X       X
  1253   | Windows 3.1 Greek            |  X         |    X       X       X
  1254   | Windows 3.1 Turkish          |  X         |    X       X       X
  1255   | Hebrew                       |  X         |                    X
  1256   | Arabic                       |  X         |                    X
  1257   | Baltic                       |  X         |                    X
  1361   | Korean (Johab)               |  X         |            **      X
-------------------------------------------------------------------------------
   437   | MS-DOS United States         |        X   |    X       X       X
   708   | Arabic (ASMO 708)            |        X   |                    X
   709   | Arabic (ASMO 449+, BCON V4)  |        X   |                    X
   710   | Arabic (Transparent Arabic)  |        X   |                    X
   720   | Arabic (Transparent ASMO)    |        X   |                    X
==============================================================================

귀하의 브라우저로

그래픽 사용도구에서는 다음과 같이 표현된다.

이 문서(http://trio.co.kr/webrefer/html40/struct/tables)는 자유로이 연결 사용이 가능함.