html 기본 연습
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="EUC-KR">
<title>타이틀 명을 입력하세요</title>
<script type="text/javascript">
//alert("자바 스크립트에 어서오세요");
//alert("또 한번 눌러주세요");
var a = confirm("당신은 남자입니까?");
if(a){
document.write("남자");
}else{
document.write("여자");
}
</script>
</head>
<body>
<center>
<a href="file/test.html">링크를 눌러주세요</a>
<button id="button" onclick="">입력</button>
<font size="100" color="RED"><marquee>자바 스크립트 처음하네요!!!!!!</marquee></font>
<div align="left" onclick="button">이 정도 공간이 필요합니다.</div>
<div align="left">이 정도 공간이 필요합니다.</div>
<!-- div 영역 구분 -->
<div align="center">
<table cellpadding="5" border="5" bgcolor="YELLOW" height="300" width="200" cellspacing="5" bordercolor="GREEN">
<!-- 3행 2열 테이블 형태 태그 -->
<thead>
<tr>
<th colspan="2"> 머릿말 </th>
</tr>
</thead>
<tr><td>1행 1열</td><td>1행 2열</td></tr>
<tr><td>2행 1열</td><td>2행 2열</td></tr>
<tr><td>3행 1열</td><td>3행 2열</td></tr>
<tr><td colspan="2">3행전체</td></tr>
<tfoot>
<tr>
<th colspan="2"> 꼬리말 </th>
</tr>
</tfoot>
</table>
</div>
<!-- form 태그 기본
1. 브라우저 사용 입력
텍스트/파일/이미지/버튼(submit - action쪽으로 이동)
2. 사용자 입력 내요을 다른 파일(서버파일) 전달
클라이언트 입력 내용을 서버 전달
(ID, PW, 입력 로그인 버튼 클릭 ==> 서버사이트 유효성 ==> 로그인 페이지 이동
-->
</center>
<form action="jsp나 서블릿파일">
검색어 입력 : <input type="text" size="10" maxlength="100" value="자바" name="Search"/>
암호 : <input type="password" size="10" value="패스워드 입력"/>
<input type="submit" checked="checked" value="로그인"/>
숨겨짐 : <input type="hidden" value="login"/><br>
여러행 입력 : <textarea cols="10"></textarea><br>
좋아하는 과목 (복수과목 선택 가능) <br>
<input type = "checkbox" value="java" checked="TRUE"/> 자바 <br>
<input type = "checkbox" value="sql"/> SQL <br>
<input type = "checkbox" value="jsp"/> JSP <br>
<input type = "checkbox" value="servlert"/> 서블릿
<br><br>연락처(단일선택 가능)<br>
<input type = "radio" name = "a" value ="핸드폰" /> 핸드폰 <br>
<select multiple="multiple">
<!-- multiple 속성을 주면 전체 select가 나온다. 삭제하면 고를수 있다. -->
<option value="KT">KT</option>
<option value="SKT">SKT</option>
<option value="LGT">LGT</option>
</select>
<input type = "radio" name = "a" value ="이메일"/> 이메일 <br>
<input type = "radio" name = "a" value ="모두"/> 모두 <br>
<!-- name 속성을 넣어주면 3가지중에 하나를 선택하라는 것이다. -->
<br>
<br>
<br>
</form>
<button value="취소">버튼</button>
</body>
</html>
결과는 포함 하지 않음
Exam1.html