Skills/HTML5

220831 table_tag.html

개발자 윤구나 2022. 9. 5. 15:57 
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>table_tag</title>
  </head>
  <body>
    <table border="1" width="300" height="200" align="center" bgcolor="yellow" cellspacing="0" cellpadding="0" bordercolor="#999">
      <caption>표연습1</caption>
      <tr bgcolor="#ddd">
        <th width="100">제목1</th>
        <th>제목2</th>
      </tr>
      <tr align="center">
        <td>1행1열</td>
        <td>1행2열</td>
      </tr>
      <tr>
        <td align="right">2행1열</td>
        <td>2행2열</td>
      </tr>
      <tr>
        <td>3행1열</td>
        <td>3행2열</td>
      </tr>
    </table>
    <br />
    <table border="1" width="500">
      <tr>
        <th rowspan="3">title1</th>
        <th>title1</th>
        <th>title1</th>
      </tr>
      <tr>
        <td>1,1</td>
        <td>1,2</td>
        <td>1,3</td>
      </tr>
      <tr>
        <td>2,1</td>
        <td colspan="2">2,2</td>
        <td>3,3</td>
      </tr>
    </table>
  </body>
</html>