Table

이름..?·2020년 7월 21일
0

HTML/CSS

목록 보기
7/7

table : 테이블을 감싸는 태그
tr(table row) : 한 행을 시작하는 태그
td : table data
th : table heading
셀을 병합할 때는 rowspan="" 또는 colspan="" 속성 사용

 <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>

*테이블 테두리는 css에서 td, th 태그에 border 설정으로 만듦

0개의 댓글