HTML 테이블과 입력 관련 태그

1. 테이블 태그

태그 의미 특징
<table> 표 생성 border="1" 속성으로 테두리 표시
<tr> 행(Row) 정의
<th> 헤더 셀 굵게 + 중앙 정렬
<td> 일반 셀 데이터 셀
colspan 열 병합(가로 합치기) <th colspan="2">연락처</th>
rowspan 행 병합(세로 합치기) <td rowspan="2">1교시</td>

예시:

<table> 
		<tr>
			<th colspan="6">시간표</th>
			<th>공란</th>
		</tr>
		<tr>
			<th>교시</th>
			<th>월</th>
			<th>화</th>
			<th>수</th>
			<th>목</th>
			<th>금</th>
			<th rowspan="3"></th>
		</tr>
		<tr>
			<td>1교시</td>
			<td>C++</td>
			<td>Python</td>
			<td>Java</td>
			<td>JavaScript</td>
			<td>Rust</td>
		</tr>
		<tr>
			<td>2교시</td>
			<td>인공지능</td>
			<td>웹프로그래밍실습및설계</td>
			<td>클라우드실습</td>
			<td>데이터베이스</td>
			<td>운영체제</td>
		</tr>
	</table>

image.png

2. 입력 관련 태그 (Form의 핵심)

<form>은 사용자 입력 데이터를 서버에 전송하기 위한 영역임.

이 부분이 나중에 JSP의 request.getParameter(), 쿠키/세션 처리와 직접 연결됨.

태그 역할 주요 속성
<form> 입력 폼 전체 action: 전송 대상 URL
method: 전송 방식(GET/POST)
<input> 단일 입력 type="text", "password", "radio", "checkbox" 등
<textarea> 여러 줄 입력
<select> / <option> 드롭다운 메뉴 <option>으로 선택지 구성
<button> 버튼 클릭 시 폼 제출 또는 JS 연동 가능

예시:

<form action="login.jsp" method="post">
  아이디: <input type="text" name="userId"><br>
  비밀번호: <input type="password" name="userPw"><br>
  <button type="submit">로그인</button>
</form>

➡ 중요 포인트 (시험 자주 출제됨)