WEB
JSP 1일차(실습)
by pms93
2022. 9. 7.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>연습</title>
<style>
body {
}
#wrap {
width : 90%; height : 300px;
background : #EAEAEA; border : solid 1px;
margin : auto;
}
.a img, .b img, .c img {
margin : 15px;
float : left;
}
.a, .b, .c {
width : 20%; height : 200px;
margin : 45px; float : left;
border : solid 1px;
}
.a h3, .b h3, .c h3 {
text-align : center; height : 70px;
}
.a p, .b p, .c p {
margin : 15px;
}
.a {
background: #D9D6FF;
margin-left : 200px;
} .b {
background: #F6FFCC;
} .c {
background: #53C14B;
}
</style>
</head>
<body>
<div id = "wrap">
<div class = "a">
<img src = "images/icon1.png"/>
<h3>지구 사랑</h3>
<p/>우리 회사는 지구의 환경을 위해 탄소배출을 당장 내일까지 제로배출을 약속합니다.
</div>
<div class = "b">
<img src="images/icon2.png" />
<h3>지구 보호</h3>
<p/>우리 회사는 지구의 환경 보호를 위해 당장 내일부터 친환경 에너지만 사용할 것을 약속합니다.
</div>
<div class = "c">
<img src="images/icon3.png" />
<h3>환경 어플리케이션</h3>
<p/>우리 회사의 개발자가 만든 앱 스토어입니다. 환경을 위한 측정 등 다양한 어플이 준비되어 있습니다.
</div>
</div>
</body>
</html>