TIL 05 html : TABLE

dory·2021년 3월 12일
0

TIL_html

목록 보기
4/10

TABLE

table은 데이터를 담은 표를 만들때 쓰는 태그

👀주의점

  • 가로줄을 기준으로 생각해야한다.
  • 셀 수를 꼭 맞춰야 한다.(넣을 데이터가 없다 하더라도!)

html 안에서 표는 다음과 같은 모습을 하고 있다.

<table>
    <tr> 
    	<td> </td>
        <td> </td>
    </tr>
    <tr> 
    	<td> </td>
        <td> </td>
    </tr>
</table>

기본적으로 <tr> (table row)를 사용해서 가로 줄 단위로 데이터를 쌓을 수 있다. 그리고 <td> (table data)는 한 셀 값을 의미한다.


TABLE 응용

  1. rowspan과 colspan
    -> 먼저 td를 작성하고 각주로 없애나가면서 정리를 하면 어떨까? 생각해본다..
  2. scope='row or col'
    th에만 쓰는 속성으로 어떤 줄을 대표하는 헤더인지 브라우저에게 알리는 것이다.

+html table site https://www.tablesgenerator.com/html_tables

0개의 댓글