Table

younghyun·2022년 2월 2일

Table관련 태그
<table> : 테이블을 감싸는 태그
<thead>
<tbody>
<tr> : table row, 가로
<th> : 제목 나타낼 때 사용 ( 굵어지고, 중앙 정렬 )
<td> : table data, 세로
colspan : 세로 병합
rowspan : 가로 병합

<table class="border-table">
      <tr>
        <th></th>
        <th>내용</th>
        <th>장소</th>
      </tr>
      <tr>
        <th>1시</th>
        <td>HTML이란</td>
        <td>101호</td>
      </tr>
       <tr>
        <th>2시</th>
        <td rowspan="2">HTML실습</td>
        <td>102호</td>
      </tr>
       <tr>
        <th>3시</th>
        <td>103호</td>
      </tr>
      <tr>
        <th>4시</th>
        <td>CSS란</td>
        <td>104호</td>
      </tr>
      <tr>
        <th>5시</th>
        <td>CSS실습</td>
        <td>104호</td>
      </tr>
      <tr>
        <th>6시</th>
        <td colspan="2">수업 없습니다.</td>
      </tr>
    </table>

younghyun

선명한 기억보다 흐릿한 메모

이전 포스트

List

다음 포스트

Table

List

<input /> vs <textarea></textarea>

0개의 댓글