Responsive_Design_Quiz_2012104136.html
3.88 KB
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
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./CSS_Style_Sheet/CSS_Style_Quiz.css" />
</head>
<body>
<div class="title">
<p>
<h1 class="title">황진하 2012104136</h1>
</p>
<br>
</div>
<div class="image">
<img class="mainimage" src="./khu_image.PNG">
</div>
<div class="academic">
<h3 class="subtitle">학력</h3>
<ul class="squre">
<li>신정유치원 졸업</li>
<li>등촌초등학교 졸업</li>
<li>백석중학교 졸업</li>
<li>대일고등학교 졸업</li>
<li>경희대학교 컴퓨터 공학과 재학 중</li>
</ul>
<br>
</div>
<div class="description">
<div class="introduce">
<h3 class="subtitle">소개</h3>
<ul class="squre">
<li>
<p> 본인을 소개하는 소개란 입니다. 아래는 소개용 텍스트 예시입니다. 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시 텍스트 예시
텍스트 예시 텍스트 예시 텍스트 예시</p>
</li>
<li>
<p class="Screen_Text"> Witdh가 768px 이하 일시 모바일 화면이며, 해당 글씨가 초록색으로 표시됩니다.</p>
</li>
<li>
<p class="Screen_Text"> Witdh가 768px 초과 일시 태블릿 화면이며, 해당 글씨가 붉은색으로 표시됩니다.</p>
</li>
<li>
<p class="Screen_Text"> Witdh가 1025px 이하 일시 데스크탑 화면이며, 해당 글씨가 파란색으로 표시됩니다.</p>
</li>
<li>
<p> 디바이스의 Witdh를 변경하기 위해 Chrome 브라우저 기준 F12후 Ctrl + Shift + M 을 눌러주세요. </p>
</li>
</ul>
</div>
<br>
<div class="project">
<h3 class="subtitle">프로젝트 Git Url</h3>
<ul class="squre">
<li><a href="http://khuhub.khu.ac.kr/2012104136/2017-1-WebServiceProgramming-2012104136" , target_ "_blank"> KHU hub </a></li>
<li><a href="https://github.com/Phigaro/" , target="_blank"> Github </a></li>
</ul><br>
</div>
<div class="class_list">
<h3 class="subtitle">이번학기 수강목록</h3>
<table>
<thead>
<tr>
<th>2017-1</th>
</tr>
</thead>
<tbody>
<tr>
<td>공학과 윤리</td>
</tr>
<tr>
<td>네트워크 분석 및 설계</td>
</tr>
<tr>
<td>멀티미디어 시스템</td>
</tr>
<tr>
<td>임베디드 소프트웨어</td>
</tr>
<tr>
<td>창의적 종합 설계</td>
</tr>
<tr>
<td>설계프로젝트C</td>
</tr>
<tr>
<td>웹서비스 프로그래밍</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>