2017-1-WebServiceProgramming / Practice-Materials

Go to a project
Toggle navigation Toggle navigation pinning
신수용
1a0748a4 1 parent 6abcb290

수정

Inline Side-by-side
Showing 4 changed files with 51 additions and 37 deletions
......@@ -52,6 +52,7 @@ a.more {
color: white;
margin-bottom: 1px;
border-right: 1px solid white;
width: 33%;
}
.member ul > li:hover {
......@@ -60,32 +61,39 @@ a.more {
@media only screen and (min-device-width : 768px) {
div.img {
width: 33%;
width: 50%;
display: inline-block;
vertical-align: top;
}
div.description {
width: 66%;
div.member {
width: 49%;
display: inline-block;
vertical-align: top;
padding-left: 1em;
box-sizing: border-box;
}
div.description {
vertical-align: top;
padding-left: 1em;
box-sizing: border-box;
}
div.description p {
margin-top: 0;
}
.member ul > li {
width: 25%;
width: 100%;
}
}
@media only screen and (min-device-width : 1025px) {
div.img {
width: 30%;
display: inline-block;
}
div.description {
width: 50%;
padding-right: 1em;
display: inline-block;
}
div.member {
width: 19%;
......
......@@ -2,42 +2,48 @@
<html>
<head>
<meta charset='utf-8'>
<title>실습 3-4</title>
<link href="./css/ex01.css" rel="stylesheet" type="text/css">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<title>실습 Responsie Web Design 01</title>
<link rel="stylesheet" type="text/css" href="css/ex01.css" />
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
</head>
<body>
<h1>소녀시대</h1>
<div class="img">
<img src="./images/gg.jpg" class="main">
</div>
<div class="description">
<p>
소녀시대(少女時代, 영어: Girls' Generation 걸스 제너레이션[*])는 SM 엔터테인먼트
소속의 대한민국 8인조 걸 그룹이다. 태연, 써니, 티파니, 효연, 유리, 수영, 윤아, 서현 8명으로 이루어져 있다.
소녀시대라는 이름은 소녀들이 평정할 시대가 왔다는 의미를 갖고 있다.
소녀시대는 2007년 8월 2일 데뷔 싱글 〈다시 만난 세계〉를 발매하고 8월 5일 SBS
《인기가요》를 통해 정식 데뷔했다. 같은 해 11월 1일 한국 첫 정규 앨범 《소녀시대》를 발매했으며,
〈Kissing You〉와 〈Baby Baby〉 등으로 활동하며 1위에 올랐다. 이후 2009년 1월 7일 첫 미니 앨범
《Gee》를 발매했다. 그해 6월 29일, 두 번째 미니 앨범 《소원을 말해봐》를 발매해 10만 장을 넘게 팔았다.
2009년 12월 29일부터는 Into the New World라는 첫 아시아 투어도 개최했다.
2010년 1월 28일에는 두 번째 정규 앨범 《Oh!》를 발매해 20만 장을 판매하며 4연속 앨범 판매량
10만 장을 돌파했다.
</p>
<a href="https://ko.wikipedia.org/wiki/%EC%86%8C%EB%85%80%EC%8B%9C%EB%8C%80" class="more">더보기</a>
</div>
<h1>
<a href="http://twice.jype.com/"> 트와이스 </a>
</h1>
<div class="img">
<img src="images/Twice.jpg" class="main">
</div>
<div class="member">
<h3>멤버구성</h3>
<ul>
<li>태연</li>
<li>써니</li>
<li>티파니</li>
<li>유리</li>
<li>효연</li>
<li>수영</li>
<li>윤아</li>
<li>서현</li>
</ul>
<h3>구성원</h3>
<ul>
<li> 지효 </li>
<li> 나연 </li>
<li> 정연 </li>
<li> 모모 </li>
<li> 사나 </li>
<li> 미나 </li>
<li> 다현 </li>
<li> 채영 </li>
<li> 쯔위 </li>
</ul>
</div>
<div class="description">
<p>
트와이스(2015년 10월 20일 ~ 현재)는 대한민국의 9인조 걸 그룹으로, JYP 엔터테인먼트 소속이다.
2015년 5월 5일부터 두 달동안 진행된 서바이벌 프로그램 Mnet 《SIXTEEN》을 통해 9명의 최종 멤버들이 선발되었으며,
2015년 10월 19일 타이틀곡 "OOH-AHH하게" 뮤직비디오와 음원을 공개하고, 20일 첫 번째 EP 앨범 《THE STORY BEGINS》 발매와 동시에 데뷔 쇼케이스로 데뷔하였다. 2016년 4월 25일 두 번째 EP 앨범 《PAGE TWO》를 발매하였고, 데뷔 1주년인 2016년 10월 24일 세 번째 EP 앨범 《TWICEcoaster : LANE 1》을 발매하였다.
</p>
<h3>소속사:
<a href="http://www.jype.com/" class = "more" target="blank">
JYP 엔터테인먼트
</a>
</h3>
<h3> 앨범</h3>
<ol>
<li><a href="https://ko.wikipedia.org/wiki/THE_STORY_BEGINS">THE STORY BEGINS</a></li>
<li><a href="https://ko.wikipedia.org/wiki/PAGE_TWO">PAGE TWO</a></li>
<li><a href="https://ko.wikipedia.org/wiki/TWICEcoaster_:_LANE_1">TWICEcoaster : LANE 1</a></li>
</ol>
</div>
</body>
</html>
......