반응형
html 작성.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>PNPSafety - Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="pnpsafety" />
<meta name="author" content="pnpsafety" />
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/icons/pnplog.ico">
<!-- bootstrap4 css -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- font awesome icon css-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<style>
.jumbotron {
background-image: url("assets/images/index/home.png");
background-size: cover;
background-attachment: fixed;
}
</style>
</head>
<body class = "jumbotron">
<div class="container-fluid">
<h1>My First Bootstrap Page</h1>
<p>This is some text.</p>
</div>
<!-- bootstap4 JS, Popper.js, and jQuery -->
<!--
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!-- demo app -->
<script src="assets/js/pages/index.js"></script>
<script src="assets/js/pages/pnpsafety-common.js"></script>
<!-- end demo js-->
</body>
</html>
<View 컨트롤러 >
@Controller
public class ViewController {
@RequestMapping(value = "/", method = RequestMethod.GET)
String home(Model model) throws Exception {
return "index";
}
}
index이름을 가진 html 파일이 지정한 URI에 매핑됨.
반응형
'HTML & CSS & JS' 카테고리의 다른 글
| Ajax로부터 데이터는 받아오지만 error인 경우 (0) | 2019.12.24 |
|---|---|
| Ajax (0) | 2019.12.24 |
| layout 2 (0) | 2019.11.24 |
| 유튜브 영상 첨부 (0) | 2019.11.24 |
| p tag (0) | 2019.11.24 |
