table - sohot423/project_study GitHub Wiki

테이블예시

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>

    <table border="1" width="100%" summary="세부설명">
        <caption>표의제목</caption>

         <colgroup>
             <col width="20%"/>
             <col/>
         </colgroup>
        <thead>
            <tr>
               <th scope="col">text</th>
               <th scope="col">text</th>
               <th scope="col">text</th>
               <th scope="col">text</th>
               <th scope="col">text</th>
            </tr>
        </thead>

        <!--  세로방향으로 읽어줌 <th scope="col">text</th>
              가로방향으로 읽어줌 <th scope="row">text</th> -->
          <tfoot>
              <tr>
                 <td>foot</td>
                 <td>foot</td>
                 <td>foot</td>
                 <td>foot</td>
                 <td>foot</td>
              </tr>
         </tfoot>
          <tbody>
                <tr>
                  <td>text</td>
                  <td>text</td>
                  <td>text</td>
                  <td>text</td>
                  <td>text</td>
              </tr>
          </tbody>
          <tbody>
                <tr>
                  <td rowspan="2">text</td>
                  <td>text</td>
                  <td>text</td>
                  <td>text</td>
                  <td>text</td>
              </tr>
             <tr>
                  <td>text</td>
                  <td>text</td>
                  <td>text</td>
                  <td>text</td>
              </tr>
          </tbody>
    </table>
</body>
</html>
  • 웹표준
  1. thead- 필수아님.
  2. tfoot- 필수아님.
  3. tbody
  • 읽어주기 scope="col"세로방향/ scope="row"가로방향
⚠️ **GitHub.com Fallback** ⚠️