1. input 1
<!--입력 내용을 감싸기 위한 부분
서버로 전송되는 영역을 감싼다.
-->
<form>
<!--입력 내용에 대한 그룹을 명시하는 부분-->
<fieldset>
<legend>내용 입력하기</legend>
<!--입력 요소 배치-->
<div>
<label for="user_id">아이디</label>
<input type="text" name="user_id" id="user_id"
maxlength="10" placeholder="아이디를 입력해주세요"/>
</div>
<div>
<label for="user_name">회원이름</label>
<input type="text" name="user_name" id="user_name"
maxlength="10" placeholder="이름을 입력해주세요"/>
</div>
<div>
<label for="user_pw">비밀번호</label>
<input type="password" name="user_pw" id="user_pw"
maxlength="20" placeholder="비밀번호를 입력해주세요"/>
</div>
<div>
<label for="memo">자기소개</label>
<textarea name="memo" id="memo" maxlength="100"
placeholder="간단한 자기 소개 입력"></textarea>
</div>
<div>
<label for="data">숨겨진 항목</label>
<input type="hidden" value="숨겨진 값" name="data" id="data" />
</div>
</fieldset>
</form>2. input 2
<body>
<form action="http://localhost/login.jsp">
<p>아이디 : <input type="text" name="user_id" /></p>
<p>패스워드 : <input type="password" name="user_pw" /></p>
<p>주소: <input type="text" name="address" /></p>
<input type="submit" />
</form>
</body>3. input 3
<form action="http://localhost/form.jsp">
<input type="text" /><br/><br/>
<input type="submit"><br/><br/>
<input type="submit" value="전송"><br/><br/>
<input type="button" value="버튼" onclick="alert('hello world')" /><br/><br/>
<input type="reset"/>
</form>4. image
<body>
<img src="puppy.jpg" width="200" height="300" alt="강아지 이미지" title="강아지 이미지 입니다"/>
</body>5. figure
<section>
<h1>여러 요소에 대한 설명</h1>
<figure>
<img src="img/spring.jpg" title="봄" />
<img src="img/summer.jpg" title="여름" />
<img src="img/winter.jpg" title="겨울" />
<figcaption>
우리나라의 사계절 - <br/>
새싹이 피어나는 이른 아침
</figcaption>
</figure>
</section>
개발자로 진로 변경을 위해 준비하고 있습니다