<meta name="viewport" content="width=device-width, initial-scale=1">
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 | <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Student</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> #kb-container { width: 940px; margin: 0px auto; padding: 20px; border: 1px solid #bcbcbc; background-color: gray; } #kb-header { padding: 20px; margin-bottom: 20px; border: 1px solid #bcbcbc; background-color: gray; } #kb-content { width: 580px; padding: 20px; margin-bottom: 20px; float: left; border: 1px solid #bcbcbc; background-color: gray; } #kb-sidebar { width: 260px; padding: 20px; margin-bottom: 20px; float: right; border: 1px solid #bcbcbc; background-color: gray; } #kb-footer { clear: both; padding: 20px; border: 1px solid #bcbcbc; background-color: gray; } @media screen and (max-width:480px) { #kb-container { width: auto; } #kb-content { float: none; width: auto; } #kb-sidebar { float: none; width: auto; } } } </style> </head> <body> <div id="kb-container"> <div id="kb-header"> <h1>Student</h1> </div> <div id="kb-sidebar"> <center> <input type="button" value="학생추가" onclick="location.href='joinForm.do'"><br> <input type="button" value="모든학생보기" onclick="location.href='studentList.do'"><br> <input type="button" value="회원정보수정" onclick="location.href='studentSearchForm.do'"> </center> </div> <div id="kb-content"> <h2>사진</h2> <img src="이미지 주소"> </div> <div id="kb-footer"> <p>Copyright : LKB</p> </div> </div> </body> </html> | cs |
' IOT 기반 응용 SW과정 > Review' 카테고리의 다른 글
jQuery select option value (0) | 2016.07.26 |
---|---|
jsp 마우스 액션 (0) | 2016.07.07 |
MyBatis_Spring <student> (0) | 2016.06.09 |
三周整理考试 (0) | 2016.04.04 |
套装 (0) | 2016.04.04 |