본문 바로가기
프로젝트/스프링 & 타임리프

40. 질병관리 :: 홈 화면 index.html 템플릿

ParkJungKwan 2020. 4. 28. 17:22

 

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
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<style>
    html,
    body {
        width: 100%;
        height: 100%;
        overflow: hidden;
        min-height: 100%;
    }
    .border_black {
        border: 1px solid black;
    }
    .center {
        margin: 0 auto;
        text-align: center;
    }
    .width_full {
        width: '100%';
        height: '100%'
    }
</style>
 
<body>
    <table id="kcdc">
        <tr id="tr_1">
            <td>
                <img src="http://www.cdc.go.kr/cdc/img/main/h1_logo.png">
            </td>
            <td colspan="2">
                <input id="search" style="width:500px;height:50px;float:left;margin-left:50px" type="text">
                <input id="search_button" 
                       style="width:150px;height:50px;float:left;margin-left:50px;background-color: #80003e; color: white" 
                       type="button" value="검색"> <br>
            </td>
            <td>
                <a id="login_a" style="cursor:pointer;text-decoration: underline">회원가입</a>
                <a id="join_a" style="cursor:pointer;text-decoration: underline">로그인</a>
                <a id="register_a" style="cursor:pointer;text-decoration: underline">관리자 등록</a>
                <a id="access_a" style="cursor:pointer;text-decoration: underline">관리자 접속</a>
                
            </td>
        </tr>
        <tr id="menu">
            <td colspan="4">
            </td>
        </tr>
        <tr>
            <td colspan="4">
                <img src="http://www.cdc.go.kr/cdc/img/main/visual_default_main_01.jpg">
            </td>
        </tr>
        <tr id="menu_2">
            <td>
                <img src="http://www.cdc.go.kr/cdc/img/main/visual_default_05.jpg">
                <h3>미세먼지 건강 수칙</h3>
            </td>
            <td>
                <img src="http://www.cdc.go.kr/cdc/img/main/visual_default_12.png">
                <h3>법정 감염병 분류 체계 개편</h3>
            </td>
            <td>
                <img src="http://www.cdc.go.kr/cdc/img/main/visual_default_10.jpg">
                <h3>인플루엔자</h3>
            </td>
            <td>
                <img src="http://www.cdc.go.kr/cdc/img/main/visual_default_08.jpg">
                <h3>액상형 전자담배관련 폐손상</h3>
            </td>
        </tr>
    </table>
 <script>
     $('#kcdc').css({ width: '80%', height: '900px' }).addClass('border_black center')
     $('#tr_1').css({ width: '80%', height: '50px' }).addClass('border_black center')
     $('#menu').css({ width: '80%', height: '50px' }).addClass('border_black center')
     $('#kcdc td').addClass('border_black', 'width_full')
     $('#register_button').click(e=>{
         e.preventDefault()
         location.href = ""
     })
 </script>
</body>
 
</html>
cs

'프로젝트 > 스프링 & 타임리프' 카테고리의 다른 글

40. 질병관리 :: 관리자 등록 프로세스 HTML -> Java -> csv  (0) 2020.04.29
40. 질병관리 :: 관리자 등록 템플릿 register.html  (0) 2020.04.28
40. 질병관리 :: 최초 index.html ※ 템플릿 사용하지 않고 쉽게 시작하기  (0) 2020.04.17
37. 여행 :: 마이바티스 설정 MyBatisConfig.java  (0) 2020.03.24
37. 여행 :: HomeController.java & @Controller 활용한 화면이동 소스코드  (0) 2020.03.24

'프로젝트/스프링 & 타임리프' Related Articles

티스토리툴바