<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>시맨틱 태그</title>
</head>
<body>
<p>시맨틱 태그 (Semantic.의미론적인)</p>
<p>: 구조를 명세할때는 "스크린리터"를 생각해보자!</p>
<p>논리적인 "순서"를 생각해보자</p>
<h2>인터랙티브(Interactive) 요소</h2>
<a href="NewFile1.html">내부링크</a>
<input type="text">
<!-- 텍스트 박스 -->
<button>버튼</button>
<select>
<option>남자</option>
<option selected>여자</option>
</select>
<br><!-- 줄바꿈 -->
<hr><!-- 줄 -->
<br>
<h2>form 태그</h2>
<p>사용자의 입력 처리를 담당</p>
<p>: 사용자가 입력한 값을 관련된 처리 프로그램으로 전송할때 사용</p>
<form method="post">
<p>text 필수요소로써 required 넣어줌</p>
<input type="text" required>
<p>date</p>
<input type="date">
<p>file</p>
<input type="file">
<p>password 필수요소로써 빈칸이면 submit이 안됨</p>
<input type="password" required>
<p>checkbox 여러개 선택 가능</p>
<input type="checkbox" name="movie">로맨스 <input type="checkbox"
name="movie">액션 <input type="checkbox" name="movie">사극
<input type="checkbox" name="movie">판타지
<p>radio 2개 같은 form범주 내에서 1개만 선택됨</p>
<input type="radio" name="check"> 예 <input type="radio"
name="check"> 아니오
<p>range</p>
<input type="range">
<p>reset</p>
<input type="reset" value="Reset">
<p>submit</p>
<input type="submit" value="쓰고싶은 문장 쓸수 있음">
</form>
<p>get : URL에 정보를 저장하여 전송, 상대적으로 보안에 취약, 상대적으로 빠름</p>
<p>post : 정보헤더에 정보를 저장하여 전송, 상대적으로 보안에 유리, 상대적으로 느림</p>
</body>
</html>
