230116

HTML : 기본적인 문서

HTML + 칼라...이미지...(CSS)

선택자 방식 4가지

1. 범용 * { } => 모두(all)

2. 명시적 선택자 => 태그 이름을 사용

3. id => #

4. class => .

여백

margin : 객체가 다른 객체로부터 거리 .. 외부 거리

padding : 객체 안에서 거리 .. 내부 거리

JSP

기본이 HTML 구조

jsp 언어 또한 태그언어

1.스크립트 태그

2.디렉티브 태그

3.액션 태그

1.script tag

선언부 <%! %> ... 필드, 메소드 선언

2. scriptlet <% %> ... 자바 코드가 실행분

3. expression <%=%> ... 화면으로 view하는 부분

client에서 전송버튼을 누르면 입력한 avtion=""에 설정된 파일로 자료가 전송이 되는데...

이때 jsp는 내장객체를 여러개 만듬

request, response, out 객체를 자동으로 생성 (내장객체)

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#kor1 {
	color:blue;
}
#kor2 {
	color:red;
}
.kor1 {
	color:green;
}
.kor2 {
	color:orange;
}
span {
	font-size: 32px;
	font-weight:bold;
	color:purple;
}
th,td {
	text-align: center;
}
table {
	border-collapse: collapse;
}
</style>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<div id="kor1">
	나 보기가 역겨워<br>
	가실 때에는<br>
	말없이 고이 보내 드리우리다<br><br>
	</div>
	
	<div id="kor2">
	영변에 약산<br>
	<span>진달래꽃</span><br>
	아름 따다 가실 길에 뿌리우리다<br><br>
	</div>
	
	<div class="kor1">
	가시는 걸음걸음<br>
	놓인 그 꽃을<br>
	사뿐히 즈려밟고 가시옵소서<br><br>
	</div>
	
	<div class="kor2">
	나 보기가 역겨워<br>
	가실 때에는<br>
	죽어도 아니 눈물 흘리우리다<br><br>
	</div>
	
	<table border="1" align="center" width="500px">
		<tr>
			<th>이름</th>
			<th>전화번호</th>
			<th>나이</th>
			<th>주소</th>
		</tr>
		<tr>
			<td>홍길동</td>
			<td>010-1234-1234</td>
			<td>22</td>
			<td>수원시 팔달구</td>
		</tr>
	</table>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
table {
	text-align: center;
	border-collapse: collapse;
}

</style>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<h1 align="center">회원가입</h1>
	<form action="out1.jsp">
		<table border="1" align="center">
			<caption>입력란</caption>
			<tr>
				<th>이름</th>
				<td><input type="text" name="name"></td>
			</tr>
			<tr>
				<th>국어</th>
				<td><input type="text" name="kor"></td>
			</tr>
			<tr>
				<th>영어</th>
				<td><input type="text" name="eng"></td>
			</tr>
			<tr>
				<th>수학</th>
				<td><input type="text" name="mat"></td>
			</tr>
			<tr>
				<td colspan="2" align="center">
				<input type="submit" value="전송">
				<input type="reset" value="초기화"></td>
			</tr>
		</table>
	</form>
</body>
</html>

<%@page import="java.text.DecimalFormat"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%!
	String name;
	int kor,eng,mat;
	int tot;
	double avg;
	String hak;
	DecimalFormat df = new DecimalFormat("#,##0.0");
	%>
	
	<% 
	request.setCharacterEncoding("utf-8"); //한글깨짐방지..
	name = request.getParameter("name");
	kor = Integer.parseInt(request.getParameter("kor"));
	eng = Integer.parseInt(request.getParameter("eng"));
	mat = Integer.parseInt(request.getParameter("mat"));
	tot = kor+eng+mat;
	avg = (double)tot/3;
	if(avg>=90) hak="A";
	else if(avg>=80) hak="B";
	else if(avg>=70) hak="C";
	else if(avg>=60) hak="D";
	else hak="F";
	%>
	<table border="1" align="center">
		<tr>
			<th>이름</th>
			<th>국어</th>
			<th>영어</th>
			<th>수학</th>
			<th>총점</th>
			<th>평균</th>
			<th>학점</th>
		</tr>
		<tr>
			<td><%=name%></td>
			<td><%=kor%></td>
			<td><%=eng%></td>
			<td><%=mat%></td>
			<td><%=tot%></td>
			<td><%=df.format(avg)%></td>
			<td><%=hak%></td>
		</tr>
	</table>
	<br>
	<div align="center">
	<a href=input1.jsp>
	<input type="button" value="입력화면으로">
	</a></div>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form action="out3.jsp" method="post">
		<table border="1">
			<tr>
				<th>점수</th>
				<td><input type="text" name="jum"></td>
			</tr>		
			<tr>
				<td colspan="2" align="center"><input type="submit" value="전송">
				<input type="reset" value="초기화"></td>
			</tr>
		</table>
	</form>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%!
	int jum;
	%>
		
	<%
	request.setCharacterEncoding("utf-8");
	jum = Integer.parseInt(request.getParameter("jum"));
	out.println("당신의 점수는 "+jum+"점입니다."+"<br>");
	if(jum>=90) {
	%><a href="a1.jsp?jum=<%=jum%>">우등생 선발안내</a>
	<%
	}
	else%>아쉽지만 우등생 선발에서 탈락되셨습니다.
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%!
	int jum;
	%>
	<%
	jum = Integer.parseInt(request.getParameter("jum"));
	%>
	<h2>당신의 점수는 <%=jum%>점입니다.</h2>
	<h3>우등생으로 선발되셨습니다.</h3>
	<img src = "image/A+.jpeg" width="300px">
	<br>
	<a href = "input3.jsp"><input type="button" value="입력화면으로"></a>
</body>
</html>