1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!-- 현재 작성하고 있는 파일은 UTF-8 DOS파일입니다.-->
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="ko">
  4.   <head>
  5.     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.   </head>
  7.   <body>
  8.     &lt;table&gt; - 부가기능 태그들 사용법<br />
  9.     &lt;caption&gt;, &lt;colgroup&gt;, &lt;col&gt;, <br />
  10.     &lt;thead&gt;, &lt;tbody&gt;, &lt;tfoot&gt; 설명이며,<br />
  11.     속성은 &lt;table&gt;, &lt;tr&gt;, &lt;th&gt;, &lt;td&gt;에 포함되어 있습니다.<br />
  12.     <hr />
  13.     <b>&lt;caption&gt; :테이블 제목 입니다.</b><br /><br />
  14.     <div id="ex_view2">
  15.       <table border=1>
  16.       <caption> 성적표 </caption>
  17.      <tr>
  18.       <th>      </th><th>국어</th><th>영어</th><th>수학</th>
  19.      </tr>
  20.      <tr>
  21.       <th>김선희</th><td> 80 </td><td> 73 </td><td> 68 </td>
  22.      </tr>
  23.      <tr>
  24.       <th>김민정</th><td> 72 </td><td> 45 </td><td> 94 </td>
  25.      </tr>
  26.      <tr>
  27.       <th>김현준</th><td> 65 </td><td> 98 </td><td> 55 </td>
  28.      </tr>
  29.       </table>
  30.     </div>
  31.     
  32.     <hr />
  33.     <b>&lt;colgroup&gt;&lt;col&gt; :테이블 열그룹과 열속성  입니다.</b><br /><br />
  34.     <div id="ex_view2">
  35.       <table border=1>
  36.       <colgroup>
  37.       <col style="background-color:brown" />
  38.       <col span="3" style="background-color:green" />
  39.       </colgroup>
  40.      <tr>
  41.       <th>      </th><th>국어</th><th>영어</th><th>수학</th>
  42.      </tr>
  43.      <tr>
  44.       <th>김선희</th><td> 80 </td><td> 73 </td><td> 68 </td>
  45.      </tr>
  46.      <tr>
  47.       <th>김민정</th><td> 72 </td><td> 45 </td><td> 94 </td>
  48.      </tr>
  49.      <tr>
  50.       <th>김현준</th><td> 65 </td><td> 98 </td><td> 55 </td>
  51.      </tr>
  52.       </table>
  53.     </div>
  54.     
  55.     <hr />
  56.     <b>&lt;thead&gt;, &lt;tbody&gt;, &lt;tfoot&gt; :테이블의 각 부분 (머리글, 본문, 바닥 글) 입니다.</b><br /><br />
  57.     <div id="ex_view2">
  58.       <table border=1>
  59.       <tbody>
  60.      <tr>
  61.       <th>1김선희</th><td> 80 </td><td> 73 </td><td> 68 </td>
  62.      </tr>
  63.      </tbody>
  64.       <tfoot>
  65.      <tr>
  66.       <th>2김현준</th><td> 65 </td><td> 98 </td><td> 55 </td>
  67.      </tr>
  68.      </tfoot>
  69.       <thead>
  70.      <tr>
  71.       <th>      </th><th>국어</th><th>영어</th><th>수학</th>
  72.      </tr>
  73.      </thead>
  74.       <tbody>
  75.      <tr>
  76.       <th>3김민정</th><td> 72 </td><td> 45 </td><td> 94 </td>
  77.      </tr>
  78.      </tbody>
  79.       </table>
  80.     </div>
  81.   </body>
  82.   
  83. </html>

--------------------------------------------------------------------------------------------

위 소스 예제 보기


<caption></caption>

<colgroup></colgroup>

<col><col />

<span></span>
<thead></thead>

<tbody></tbody>

<tfoot></tfoot>


<caption> 테이블 제목 입니다.

<colgroup><col> 테이블 열그룹과 열속성 입니다.

<span>는 문서의 그룹 인라인 요소로 사용하고

자체로 시각적인 변화를 제공하지 않으며,

텍스트나 문서 부분에 후크 추가하는 방법을 제공합니다.(많이 사용됩니다.)

<thead><tbody><tfoot> 테이블의 각 부분 (머리글, 본문, 바닥 글) 입니다.

기능은 위 소스 예제를 보시면 바로 아실수 있습니다.


<caption><colgroup><col><thead><tbody><tfoot>의 속성은

<table>, <tr>, <th>, <td>태그 속성에 포함되어 있어서 참조하시면 될것 같습니다.


:
BLOG main image

공지사항

카테고리

분류 (356)
main (1)
php5 (218)
HTML (36)
javascript (93)
IT 이론과 퍼온정보 (8)
깨작일상 (0)
곧 추가할 내용 (0)
추후 알아볼것들... (0)

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

달력

«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Total :
Today : Yesterday :