Showing
2 changed files
with
91 additions
and
34 deletions
DINAMIC.HTML
deleted
100644 → 0
| 1 | -<!DOCTYPE html> | ||
| 2 | -<html> | ||
| 3 | - <head> | ||
| 4 | - <meta charset="utf-8"> | ||
| 5 | - <title>1</title> | ||
| 6 | - <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> | ||
| 7 | - <style media="screen"> | ||
| 8 | - | ||
| 9 | - | ||
| 10 | - | ||
| 11 | - @media (max-width: 1800px) { | ||
| 12 | - div.div1{ | ||
| 13 | - background-color: black; | ||
| 14 | - } | ||
| 15 | - } | ||
| 16 | - @media (max-width: 768px) { | ||
| 17 | - div.div1{ | ||
| 18 | - background-color: green; | ||
| 19 | - } | ||
| 20 | - } | ||
| 21 | - @media (min-width:1801px) { | ||
| 22 | - div.div1{ | ||
| 23 | - background-color: gray; | ||
| 24 | - } | ||
| 25 | - } | ||
| 26 | - </style> | ||
| 27 | - </head> | ||
| 28 | - <body> | ||
| 29 | - <div class="div1"> | ||
| 30 | - border:1px solid gray; | ||
| 31 | - </div> | ||
| 32 | - | ||
| 33 | - </body> | ||
| 34 | -</html> |
Dynamic-Design.html
0 → 100644
| 1 | +<!DOCTYPE html> | ||
| 2 | +<html> | ||
| 3 | + <head> | ||
| 4 | + <meta charset="utf-8"> | ||
| 5 | + <title>1</title> | ||
| 6 | + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> | ||
| 7 | + <style media="screen"> | ||
| 8 | + | ||
| 9 | + | ||
| 10 | + | ||
| 11 | + @media (max-width: 1300px) { | ||
| 12 | + div.img{ | ||
| 13 | + float:left; | ||
| 14 | + width:80%; | ||
| 15 | + } | ||
| 16 | + div.description{ | ||
| 17 | + width:19%; | ||
| 18 | + display: inline-block; | ||
| 19 | + background-color: black; | ||
| 20 | + | ||
| 21 | + } | ||
| 22 | + div.member{ | ||
| 23 | + | ||
| 24 | + } | ||
| 25 | + } | ||
| 26 | + @media (max-width: 768px) { | ||
| 27 | + div.img{ | ||
| 28 | + width:100%; | ||
| 29 | + } | ||
| 30 | + div.description{ | ||
| 31 | + width:100%; | ||
| 32 | + background-color: green; | ||
| 33 | + } | ||
| 34 | + div.member{ | ||
| 35 | + width:100%; | ||
| 36 | + } | ||
| 37 | + } | ||
| 38 | + @media (min-width:1301px) { | ||
| 39 | + div.img{ | ||
| 40 | + width:40%; | ||
| 41 | + display: inline-block; | ||
| 42 | + } | ||
| 43 | + div.description{ | ||
| 44 | + width: 20%; | ||
| 45 | + display: inline-block; | ||
| 46 | + background-color: gray; | ||
| 47 | + | ||
| 48 | + } | ||
| 49 | + div.member{ | ||
| 50 | + width: 19%; | ||
| 51 | + display: inline-block; | ||
| 52 | + | ||
| 53 | + } | ||
| 54 | + } | ||
| 55 | + </style> | ||
| 56 | + </head> | ||
| 57 | + <body> | ||
| 58 | + <h1>소녀시대</h1> | ||
| 59 | + <div class="img"> | ||
| 60 | + <img src="punch.gif" class="main"> | ||
| 61 | + </div> | ||
| 62 | + <div class="description"> | ||
| 63 | + <p> | ||
| 64 | + 소녀시대(少女時代, 영어: Girls' Generation 걸스 제너레이션[*])는 SM 엔터테인먼트 | ||
| 65 | + 소속의 대한민국 8인조 걸 그룹이다. 태연, 써니, 티파니, 효연, 유리, 수영, 윤아, 서현 8명으로 이루어져 있다. | ||
| 66 | + 소녀시대라는 이름은 소녀들이 평정할 시대가 왔다는 의미를 갖고 있다. | ||
| 67 | + 소녀시대는 2007년 8월 2일 데뷔 싱글 〈다시 만난 세계〉를 발매하고 8월 5일 SBS | ||
| 68 | + 《인기가요》를 통해 정식 데뷔했다. 같은 해 11월 1일 한국 첫 정규 앨범 《소녀시대》를 발매했으며, | ||
| 69 | + 〈Kissing You〉와 〈Baby Baby〉 등으로 활동하며 1위에 올랐다. 이후 2009년 1월 7일 첫 미니 앨범 | ||
| 70 | + 《Gee》를 발매했다. 그해 6월 29일, 두 번째 미니 앨범 《소원을 말해봐》를 발매해 10만 장을 넘게 팔았다. | ||
| 71 | + 2009년 12월 29일부터는 Into the New World라는 첫 아시아 투어도 개최했다. | ||
| 72 | + 2010년 1월 28일에는 두 번째 정규 앨범 《Oh!》를 발매해 20만 장을 판매하며 4연속 앨범 판매량 | ||
| 73 | + 10만 장을 돌파했다. | ||
| 74 | + </p> | ||
| 75 | + <a href="https://ko.wikipedia.org/wiki/%EC%86%8C%EB%85%80%EC%8B%9C%EB%8C%80" class="more">더보기</a> | ||
| 76 | + </div> | ||
| 77 | + <div class="member"> | ||
| 78 | + <h3>멤버구성</h3> | ||
| 79 | + <ul> | ||
| 80 | + <li>태연</li> | ||
| 81 | + <li>써니</li> | ||
| 82 | + <li>티파니</li> | ||
| 83 | + <li>유리</li> | ||
| 84 | + <li>효연</li> | ||
| 85 | + <li>수영</li> | ||
| 86 | + <li>윤아</li> | ||
| 87 | + <li>서현</li> | ||
| 88 | + </ul> | ||
| 89 | + </div> | ||
| 90 | + </body> | ||
| 91 | +</html> |
-
Please register or login to post a comment