table에 대해서

suhyeon7846·2021년 2월 23일
0

HTML5

목록 보기
6/8
post-thumbnail

표를 만드는 태그 table

<table>
  <caption> // 표의 제목을 정의
  안녕을 말하는 표
  </caption>
  <thead>
    <tr>
      <th>안녕하세요</th>
      <th>안녕하세요</th>
      <th>안녕하세요</th>
      <th>안녕하세요</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td colspan="2">안녕하세요</td> //가로로 2칸 합침
      <td>안녕하세요</td>
      <td rowspan="2">안녕하세요</td> //세로로 2칸 합침
    </tr>
    <tr>
      <td>안녕하세요</td>
      <td>안녕하세요</td>
      <td>안녕하세요</td>
    </tr>
  </tbody>
</table>

아래는 실행한 모습

profile
삽질중

0개의 댓글