<!DOCTYPE html>
<html>
<head>
<title>::: 한지훈의 자기소개서 :::</title>
<style>
/* 상단영역(header) */
#header {
background-color: black;
color: white;
text-align: center;
padding: 10px;
}
/* 카테고리(네비게이션) 메뉴 영역(nav) */
#nav {
background-color: #eeeeee;
width: 100%;
height: 60px;
padding: 30px;
text-align: center;
}
/* 본문 내용영역(section) */
#section {
background-color: rgb(0, 174, 255);
width: 100%;
padding: 10px;
float: left;
/* float은 다음 태그를 열단위로 옆으로 붙이기 */
}
#section2 {
background-color: rgb(0, 242, 255);
width: 100%;
padding: 10px;
}
#section3 {
background-color: rgb(204, 255, 0);
width: 100%;
padding: 10px;
}
/* 하단 영역(footer) */
#footer {
background-color: black;
color: white;
text-align: center;
padding: 5px;
clear: both;
/* clear는 앞쪽 float을 적용하지 않겠다는 의미 */
}
</style>
</head>
<body>
<div id="header">
<h1>한지훈의 자기소개서</h1>
</div>
<!-- 카테고리(네비게이션: nav) -->
<div id="nav">
</div>
<!-- 본문 내용 : Section -->
<div id="section">
<h2>사는곳</h2>
<ul>
<li>광주광역시</li>
<li>북구 양산동</li>
<li>GS그린자이2차아파트</li>
</ul>
<iframe width="100%" height="500px"
name="iframe_view"></iframe>
</div>
<div id="section2">
<h2>이력</h2>
<ul>
<li>00고등학교 졸업_12년 2월</li>
<li>00대학교 졸업_16년 2월</li>
<li>대한민국 국방부 육군 소위 임관_16년 3월</li>
<li>(주)00 사원_19년 12월</li>
<li>광주인력개발원 입학_23년 2월</li>
</ul>
</div>
<div id="section3">
<h2>Skill</h2>
<ul>
<li>Python</li>
<li>Oracle</li>
<li>Html</li>
<li>Java</li>
<li>SQLite3</li>
</ul>
</div>
<!-- 하단 영역(footer) -->
<div id="footer">
Copyright Jihoon. All rights reserved.
</div>
</body>
</html>
'html' 카테고리의 다른 글
| 17. html 태그_내부프레임(iFrame) (0) | 2023.03.03 |
|---|---|
| 16. html 태그_레이아웃 설정하기 (0) | 2023.03.03 |
| 15. html 태그_블록태그 사용하기 (0) | 2023.03.03 |
| 14. html 태그_목록 생성하기 (0) | 2023.03.03 |
| 13. html 태그_Table 정의하기 (0) | 2023.03.03 |
