o form
- 하나의 폼 내부에 다른 폼이 있는 것은 틀린 문법
1) <form name=""> 서버에 전송하고 싶은 정보</form>
2) <input type="text/checkbox/radio/submit/reset 등" name="" value="" > 드러나게 하고 싶은 값
3) <select name="" id="">
<option value=""> 드러나게 하고 싶은 값 <option>
<option value='''>드러나게 하고 싶은 값2 <option>
</select>
4)
<img src="../images/add.png" alt="add">
<hr>
<!--<img src=''>+type=submit 기능--> <!--위와 달리 submit기능 추가되어 있음-->
<input type="image" src="../images/add.png">
5)
<input type="hidden" name="" value="">
<!--유저화면에는 노출되지 않으나 form에 포함된 컨트롤 요소-->
<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
이메일<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
숫자<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
검색<input type="search">
<input type="submit">
<input type="tel">
<input type="text">
<input type="time">
<input type="url">
<input type="week">
*<>안에 placeholder, checked, required, autofocus 등 넣을 수 있음
<!--참조 https://dhlottery.co.kr/user.do?method=login&returnUrl=-->
<img src="../images/angel.png" width="30px">
<h> <b>LOGIN</b> </h>
<!--사용자가 입력한 정보는 폼 단위로 서버로 전송됨-->
<form>
<table border="1">
<tr>
<th>아이디</th>
<td>
<input type="text">
</td>
<td rowspan="2">
<input type="submit" value= "로그인">
</td>
</tr>
<tr>
<th>비밀번호</th>
<td> <input type="password">
</td>
</tr>
<tr>
<td colspan="3">
<input type="checkbox" checked>
ID저장
</td>
</tr>
<tr>
<td colspan="3" align="center">
<button>회원가입</button>
<button>아이디/비밀번호찾기</button>
</td>
</tr>
</table>
</form>
<!-- id="자바스크립트나 제이쿼리(앞단)에서 접근시 주로 사용"-->
<!-- name="뒷단에서 접근시 주로 사용"-->
<form id="memfre" name="memfre">
<input type="text" name="uname" id="uname" placeholder="이름" required autofocus>
<!--텍스트상자에서의 value값은 유저가 입력한 값-->
<input type="button" value="중복확인">
=================================================================================
o block
<!--block개념으로 쓸 수 있는 명령어-->
<!--내용배치를 위한 공간의 영역 확보-->
<!--특정영역에 대해 범위를 지정할 수 있다.-->
<!--여는 태그와 닫는 태그가 함께 있는 태그-->
\
1) <h3>1. 블럭요소 block</h3>
<!-- 블럭요소의 크기는 자신이 감싸는 내용과 상관없이 자신의 영역을 가지고 있음 -->
<!--즉, 브라우저의 맨 끝까지 영역 지정-->
<!--블럭이 없는 경우-->
Text1
Text2
Text3
<hr>
<!--블럭이 있는 경우-->
<div>Texr4</div>
<div>Text5</div>
<div>Text6</div>
<hr>
<!--블럭 인용구-->
<blockquote>Text7</blockquote>
<blockquote>Text8</blockquote>
<blockquote>Text9</blockquote>
<hr>
<!--<pre>태그 안의 스페이스와 엔터가 적용이 됨 *그러나 사용하지 말 것-->
<pre>
서울시 강남구
테헤란로
삼원 타워 4층 아이티윌
</pre>
2) <h2>2. 인라인 요소inline</h2>
<!-- 인라인 요소의 크기는 자신이 감싸는 내용과 밀접하며,
내용의 크기가 자신의 크기가 된다 -->
예시)
<strong>인라인 요소</strong>
<span></span>
<i>기울임</i>
<a>링크 </a>
<textarea cols="10" rows="3"></textarea>
3) block요소 스타일 적용(css약간)
<div style="background-color: antiquewhite;">DIV</div>
<blockquote style="background-color: aquamarine;">blockquote</blockquote>
<pre style="background-color: burlywood;">pre fkekl
fklejfl
sfe
</pre>
<h1 style="background-color: brown;">h1</h1>
<ul style="background-color: cornflowerblue;">
<li>JABA</li>
<LI> PYTHON</LI>
</ul>
<ol style="background-color: coral;">
<li>1</li>
<li>2</li>
</ol>
<hr>
<strong style="background-color: cadetblue;">strong</strong>
<span style="background-color: teal;"> span</span>
<b style="background-color: aquamarine;">bold</b>
<div style="background-color: blueviolet; width: 250px; height: 200px;"></div>
<!--html에는 값 부여를 =, css에서는 : -->
4) <!--기능 없이 의미만 부여된 태그(시맨틱 태그)-->
<header></header>
<main></main>
<footer></footer>
