[HTML]02_기본 테이블(표, Table) 그리기(table, tr, td, th)

2u·2023년 3월 14일
0

HTML

목록 보기
1/22
post-thumbnail

: HTML에서 웹페이지에 테이블(표) 형태를 표현하기 위해 주로 table 태그를 이용한다.

1. table 그리기(기본)🤩

  <table border="1">
  <tr>
    <th>나라</th>
    <th>수도</th>
  </tr>
  <tr>
    <td>미국</td>
    <td>워싱턴D.C</td>
  </tr>
  <tr>
    <td>영국</td>
    <td>런던</td>
  </tr>
  </table>
나라 수도
미국 워싱턴D.C
영국 런던

1) <tr> ⭐️⭐️

: 'table row'의 약자로, 테이블의 행을 표현한다.

2) <td>

: 'table data'의 약자로, '열'이라고 간단히 표현하기도 하고
: 정확하게는 td태그는 테이블에 들어가는 데이터, 셀을 의미한다.
-> 즉, 하나의 테이블 안에 tr 태그로 행을 표현하고, 그 안에 td 태그를 이용하여 데이터를 표현한다.

3) <th>

: 'table header'의 약자로 테이블의 타이틀을 표현한다.

2. <td>와 <th>

1) <th>

: 굵은 글씨(bold), 가운데 정렬(center)

2) <td>

: 보통 굵기의 글씨, 왼쪽 정렬(left-aligned)

0개의 댓글