티스토리 뷰

0. 정보통신

[스프링부트] Hawaii-Boot-Kcdc index.html

패스트코드블로그 2020. 5. 8. 15:24

 

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

'0. 정보통신' 카테고리의 다른 글

[스프링부트] 에러 : 기본 클래스 로드 실패  (0) 2020.05.10
admin-register.html  (0) 2020.05.08
SpringBoot vs SpringMVC  (0) 2020.05.08
jQuery 를 사용해서 동적으로 Table 구현하기  (0) 2020.05.08
SpringBoot MyBatisConfig.java  (0) 2020.05.04
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/12   »
일 월 화 수 목 금 토
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
글 보관함