무소의 뿔처럼

(HTML)과정평가형 정보처리산업기사_v1 진단검사 프로그램 본문

과정평가_정산기_기록/진단검사 프로그램

(HTML)과정평가형 정보처리산업기사_v1 진단검사 프로그램

값을변경 2022. 2. 11. 11:18

 

여기서 문제 보고 연습한 것

https://blog.naver.com/chapjjang/222485385241

 

과정평가형(산업기사) 모의고사_3_(문제)

동네취업

blog.naver.com

 

header.jsp

<%@ 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>
<link rel="stylesheet" href="/v3/v3.css">
<script type="text/javascript" src="/v3/v3.js"></script>
</head>
<body>

	<header>
		(과정평가형 정보처리산업기사) 진단검사 프로그램 ver 2020-04
	</header>
	
	<nav>
		<ul class="nav_menu">
			<li><a href="v.jsp">환자조회</a></li>
			<li><a href="regi.jsp">검사결과입력</a></li>
			<li><a href="result_v.jsp">검사결과조회</a></li>
			<li><a href="cityCount.jsp">지역별검사건수</a></li>
			<li><a href="index.jsp">홈으로</a></li>
		</ul>
	</nav>

 

index.jsp 섹션

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

    <jsp:include page="header.jsp"></jsp:include>
    
    <section>
    	<h3>과정평가형 자격 CBQ</h3>
    	
    	<pre>
    		국가직무능력 표준
    		
    		산업현장 중심의 교육평가로 더 커지는 능력!
    	</pre>
    </section>
    
    <jsp:include page="footer.jsp"></jsp:include>

 

footer.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>


<footer>
	<address>
			HRDKOREA Copyright@2019 All rights reserved.
			Human Resources Development Service of Korea.
	</address>
</footer>

</body>
</html>

 

 

 

css : display flex!!

header{
    height: 50px;
    background-color: blue;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
section{
	height: 500px;
	background-color: antiquewhite;
}
footer{
    height: 50px;
    background-color: blue;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

 

테이블 css

border-spacing: 10px;      
border-collapse: collapse;

https://developer.mozilla.org/ko/docs/Web/CSS/border-spacing

https://developer.mozilla.org/ko/docs/Web/CSS/border-collapse

 

ul css

 list-style-type: none;

 

 

저작자표시 비영리 변경금지 (새창열림)

'과정평가_정산기_기록 > 진단검사 프로그램' 카테고리의 다른 글

(지역별_검사건수통계)과정평가형 정보처리산업기사_v1 진단검사 프로그램  (0) 2022.02.11
(검사결과조회화면)과정평가형 정보처리산업기사_v1 진단검사 프로그램  (0) 2022.02.11
(검사결과입력화면)과정평가형 정보처리산업기사_v1 진단검사 프로그램  (0) 2022.02.11
(환자조회화면)과정평가형 정보처리산업기사_v1 진단검사 프로그램  (0) 2022.02.11
'과정평가_정산기_기록/진단검사 프로그램' Related Articles more
Comments