1. <table></table> : 테이블
    1. <tr> : table row(테이블 행 추가)
    2. <th> : table head(테이블 제목)
    3. <td> : table data(테이블 데이터 / 셀)
      1. 속성
        1. border : 테두리[태그마다 테두리]
        2. "border-collapse: collapse;" : 테두리 중첩 제거
        3. colspan : 열 병합
        4. rowspan : 행 병합
<!DOCTYPE html>
	<html>
		<head>
			<meta charset="UTF-8">
			<title>table tag</title>
		</head>
		<body>
			
			<h3>테이블 태그</h3>
			
			<table border = "1" style="border-collapse: collapse;" > <!-- table s -->
				<tr> <!-- 1 row s -->
					<th> 지역 </th>
					<th> 최저 기온 </th>
					<th> 최고 기온 </th>
				</tr> <!-- 1 row e -->
				<tr>  <!-- 2 row s -->
					<td> 서울 </td>
					<td> 20 </td>
					<td> 30 </td>
				</tr> <!-- 2 row e -->
				<tr>  <!-- 3 row s -->
					<td> 대구 </td>
					<td> 10 </td>
					<td> 30 </td>
				</tr> <!-- 3 row e -->
				<tr>  <!-- 4 row s -->
					<td> 전주 </td>
					<td> 5 </td>
					<td> 30 </td>
				</tr> <!-- 4 row e -->
				<tr>  <!-- 5 row s -->
					<td colspan ="2" rowspan = "2"> 비고 </td> 
					<td><input type = "button" value = "확인"></td>
				</tr> <!-- 5 row e -->
				<tr>  <!-- 6 row s -->
					<td><input type = "button" value = "예약"></td>
				</tr> <!-- 6 row e -->
			</table> <!-- table e -->
		</body>
	</html>

실행 화면

Untitled