html 11. table

table

테이블은 항상 <table> 태그로 감싸져 있다.

 

<table>

   <thead>

      <tr>
          <th colspan="2">
              <h1>Milk Festival Schedule</h1>
          </th>
      </tr>
      <tr>
          <th>
              <h2>Time</h2>
          </th>
          <th>
              <h2>Event</h2>
          </th>
      </tr>
  </thead>

  <tbody>  

     <tr>

        <td class="left>

           <h3>12:00 pm </h3>

        </td>

         <td>

          <h3>welcome</h3>

         </td>

    </tr>

  </tbody>

</table>

 

테이블 병합

 

 colspan (행 병합) / rowspan (열 병합) 속성 활용

 

Milk Festival Schedule
Time	Event
12:00 pm	welcome

 

*

thead : table head

 tbody : table body

 tfoot : table footer

 tr : table row

 td : table data

 th : table heading ( 가운데 정렬 & bold효과)

colspan : 열넓이

rowspan : 행넓이