본문 바로가기

HTML

td 태그

728x90

td태그는 table태그 하위에서 칸(Data cells)을 만든다.

table태그의 칸의 종류

  • 제목 셀(Header cells) - th태그를 사용하며 제목을 표시한다.
  • 데이터 셀(Data cells) - td태그를 사용하며 데이터를 표시한다.

td태그의 데이터 셀은 왼쪽 정렬에 보통 굵기의 폰트를 th태그의 제목 셀은 가운데 정렬에 굵은 폰트로 표시된다.

 

<table>
	<tr>
		<th>지역</th>
		<th>1분기</th>
		<th>2분기</th>
		<th>3분기</th>
		<th>4분기</th>
		<th>합계</th>
	</tr>
	<tr>
		<td>서울</td>
		<td>1,800</td>
		<td>2,300</td>
		<td>1,700</td>
		<td>2,600</td>
		<td>7,400</td>
	</tr>
	<tr>
		<td>부산</td>
		<td>2,600</td>
		<td>2,800</td>
		<td>3,200</td>
		<td>2,800</td>
		<td>11,400</td>
	</tr>
</table>

 

Attribute Value Description
colspan number 셀을 합치기 위한 열 수 설정
headers header_id 셀과 관련 있은 header 셀 아이디 설정
rowspan number 셀을 합치기 위한 행 수 설정

 

반응형

'HTML' 카테고리의 다른 글

textarea 태그  (0) 2021.04.01
template 태그  (0) 2021.03.31
tbody 태그  (0) 2021.03.29
table 태그  (0) 2021.03.28
svg 태그  (0) 2021.03.27