테이블 태그


한 행에 2개의 칸을 가진 테이블

< 세로 제목 >
이름손흥민
소속팀토트넘

한 행에 3개의 칸을 가진 테이블

< 가로 제목 >
이 름능 력현상금
루피고무고무 열매10억 베리
초파럼블볼3억 베리
"> table 태그

테이블 태그


한 행에 2개의 칸을 가진 테이블

< 세로 제목 >
이름손흥민
소속팀토트넘

한 행에 3개의 칸을 가진 테이블

< 가로 제목 >
이 름능 력현상금
루피고무고무 열매10억 베리
초파럼블볼3억 베리
"> table 태그

테이블 태그


한 행에 2개의 칸을 가진 테이블

< 세로 제목 >
이름손흥민
소속팀토트넘

한 행에 3개의 칸을 가진 테이블

< 가로 제목 >
이 름능 력현상금
루피고무고무 열매10억 베리
초파럼블볼3억 베리
"> 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>table 태그</title>
</head>
<body>
<!--
	# table 태그
	- 표를 만드는 태그.
	- tr 태그 :  row(행)을 만드는 태그.
	  th 태그 :  테이블 헤더를 정의.
	  			 가운데 정렬, 진하게 속성이 자동으로 부여.
	  td 태그 :  col(열)을 만드는 태그.
	- 테이블을 만드는 순서 >> 1. 테이블 선언 2. 행(tr)을 지정 3. 그 행을 셀(td)로 나누어 만듬.
	
	# caption 태그
	- 표에 제목을 넣어줄 때 사용.
-->
	<h2>테이블 태그</h2><br>
	<h3>한 행에 2개의 칸을 가진 테이블</h3>
	<table border="1" width="300px">
		<caption>&lt; 세로 제목 &gt;</caption>
		<tr>
			<th>이름</th><td>손흥민</td>
		</tr>
		<tr>
			<th>소속팀</th><td>토트넘</td>
		</tr>
	</table>
	<br>
	<h4>한 행에 3개의 칸을 가진 테이블</h4>
	<table border="1" width="300px">
		<caption>&lt; 가로 제목 &gt;</caption>
		<tr>
			<th>이 름</th><th>능 력</th><th>현상금</th>
		</tr>
		<tr>
			<td>루피</td><td>고무고무 열매</td><td>10억 베리</td>
		</tr>
		<tr>
			<td>초파</td><td>럼블볼</td><td>3억 베리</td>
		</tr>
	</table>
</body>
</html>